@charset "utf-8";
/* 
 * Project Name:永逸
 * Author:浅浅
 * Date：2017-8-21
 */
@font-face {
    font-family: 'pf_din_text_comp_proregular';
    src: url('pfdintextcomppro-regular_1-webfont.eot');
    src: url('pfdintextcomppro-regular_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('pfdintextcomppro-regular_1-webfont.woff2') format('woff2'),
         url('pfdintextcomppro-regular_1-webfont.woff') format('woff'),
         url('pfdintextcomppro-regular_1-webfont.ttf') format('truetype'),
         url('pfdintextcomppro-regular_1-webfont.svg#pf_din_text_comp_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'Baiduan Number';
	src: url('BaiduanNumber.eot');
	src: url('BaiduanNumber.eot?#iefix') format('embedded-opentype'),
		url('BaiduanNumber.woff') format('woff'),
		url('BaiduanNumber.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
caption,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;}
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}
body { font: 14px/1.8 "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",helvetica,arial; margin: 0 auto; color: #666; background-color: #fff; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}
table{border-collapse:collapse;margin:0 auto!important;}
img { border: 0; }
input, textarea, select, option { background: none; outline: 0; font-family: "微软雅黑"; padding: 0; margin: 0; }
input { outline: none; font-family: "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",helvetica,arial;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; outline: none;}
::-moz-selection { background: #876235; color: #fff; text-shadow: none; }
::selection { background: #876235; color: #fff; text-shadow: none; }
select{ outline: none;}
select::-ms-expand { display: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { margin: 0px auto; width: 1200px;}
.top a:link, .top a:visited { color: #333333;}
.top a:active,.top a:hover { color: #d82e29;}   
.header{ height: 84px;} 


.top-sider{ float: right; display: block; margin-left: 40px;}
.top-sider .serachItem,.top-sider .menuItem{ float: left; display: block;}
.serach-btn{ width: 100px; height: 84px; display: block; background-color: #f2f2f2;}
.serach-btn i{ background: url(../images/serach_bg.png) no-repeat scroll center center; width: 100%; height: 100%; display: block;}
.menuItem{ width: 100px; height: 84px;}
.trans, .trans:hover { -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.menu-handler { width: 100px; height: 84px; background-color: #d82e29; cursor: pointer; position: fixed; right: 0; top: 0; z-index: 1020; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); }
.menu-handler .burger { width: 21px; height: 3px; background-color: #ffffff; display: block; position: absolute; z-index: 5; top: 31px; left: 50%; margin: 0px 0px 0px -10px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 40px; }
.menu-handler .burger-3 { top: 49px; }
.menu-handler.active .burger-1 { top: 40px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: 100%; }
.menu-handler.active .burger-3 { top: 40px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.search-Ibox{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #222; z-index: 1020; display: none;}
.search-Ibox .close{ background: url(../images/close_i1.png) no-repeat scroll center center; width: 21px; height: 21px; position: absolute; right: 3%; top: 4%; transition: transform 0.3s; -webkit-transition: transform 0.3s; cursor: pointer;}
.search-Ibox .close:hover{ transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.topsearch-form{ position: absolute; left: 3%; width: 94%; top: 50%; border-bottom: 1px solid #515151; height: 120px; margin-top: -60px;}
.topsearch-box{ padding: 0px 124px 0px 10px; position: relative;}
.topsearchtx{ width: 100%; border: 0px none; padding: 0; margin: 0; display: block; height: 120px; line-height: 120px; font-size: 50px; color: #555; background-color: transparent; text-align: center;}
.topsearchbtn{ position: absolute; right: 0; top: 0; padding: 0; margin: 0; display: block; width: 124px; height: 100%; border: 0px none; background:url(../images/serach_bg2.png) no-repeat scroll center center #d82e29; cursor: pointer; display: block; transition: background 0.3s; -webkit-transition: background 0.3s;}
.topsearchbtn:hover{ background-color: #866135;}
.ovh{ overflow: hidden;}
.black-20{ background: url(../images/black_20.png) repeat; background: none rgba(0,0,0,0.2);}
.black-30{ background: url(../images/black_30.png) repeat; background: none rgba(0,0,0,0.3);}
.black-40{ background: url(../images/black_40.png) repeat; background: none rgba(0,0,0,0.4);}
.black-50{ background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.5);}
.black-60{ background: url(../images/black_60.png) repeat; background: none rgba(0,0,0,0.6);}
.white-86{ background: url(../images/white_86.png) repeat; background: none rgba(255,255,255,0.8);}
.cs-50{ background: url(../images/cs_50.png) repeat; background: rgba(160,115,62,0.5); position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;}
.siteMap-overlay{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1015; opacity: 0;  transition:0.65s cubic-bezier(0.550, 0.085, 0.000, 0.990); -webkit-transition:0.65s cubic-bezier(0.550, 0.085, 0.000, 0.990); visibility: hidden;}
.siteMap-nav a:link, .siteMap-nav a:visited { color: #666;}
.siteMap-nav a:active,.siteMap-nav a:hover { color: #d82e29;}  
.siteMap-nav{ background-color: #fff; position: fixed; right: -770px; bottom: 0; top: 84px; z-index: 1015; padding: 0px 60px; color: #666666; overflow-x: hidden; overflow-y:scroll;  width: 640px; -webkit-overflow-scrolling: touch; transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.siteMap-head{ border-bottom: 1px solid #cccccc; padding:45px 0px 20px; margin-bottom: 20px;}
.siteMap-head .en{ font-size: 48px; color: #d82e29; line-height: 1.2; font-family: "pf_din_text_comp_proregular";}
.siteMap-head .zh{ color: #333333; font-size: 15px; line-height: 1.2;}
.siteMap-body{ padding-bottom: 10px;}
.siteMap-list li{ margin-bottom: 20px;}
.siteMap-list a.sm-item{ font-weight: bold; color: #333;}
.siteMap-sub dd{ float: left; display: block; margin-right: 15px;}
.siteMap-sub dd:last-child{ margin-right: 0;}
.siteMap-sub-nav a{ margin: 0px 8px;}
.siteMap-foot{ padding: 40px 0px 45px; border-top: 1px solid #cccccc; }
.siteMap-foot .item{ padding-bottom: 18px; line-height: 1.5;}
.siteMap-foot .icon{ width: 40px; height: 40px; background-color: #d82e29; background-position: center center; background-repeat: no-repeat; border-radius: 50%; margin-right: 10px;}
.siteMap-foot .address{ background-image: url(../images/siteMap-f1.png);}
.siteMap-foot .phone{ background-image: url(../images/siteMap-f2.png);}
.pusher{ transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.menuOpen .pusher { transform: translateX(-26%); -webkit-transform: translateX(-26%); transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.menuOpen .siteMap-overlay{ opacity: 1; visibility: visible;}
.menuOpen .siteMap-nav{ right: -18px;}
.footBox{ background:url(../images/foot_bg.jpg) repeat #1f2019; padding: 72px 0px 66px; color: #fff;}
.iboxInner{ max-width: 1640px; margin: 0px auto; width: 86%;}
.foot a:link, .foot a:visited { color: #fff;}
.foot a:active,.foot a:hover { color: #b18d61;} 
.foot .item1,.foot .item2{ float: left; display: block; width: 50%; position: relative;}
.footT{ color: #948778;}
.footT .addE{ font-size: 12px;}
.footC{ padding: 32px 0px 16px;}  
.footLink{ font-size: 12px; color: #fff; line-height: 2.8;}
.footLink .line{ padding: 0px 8px;}
.foot-link-nav{ float: left; display: block;}
/*.footLink a,.footLink .line{ float: left; display: block;}*/
.oaLink{ border: 1px solid #977751; padding: 0px 22px; margin-left: 30px; float: left; display: block;}
.oaLink .txt{ background: url(../images/oa_ico.png) no-repeat scroll left center; padding-left: 30px; color: #977751; transition: 300ms; -webkit-transition: 300ms; }
.oaLink:hover{ border-color: #fff;}
.oaLink:hover .txt{ color: #fff; background-image: url(../images/oa_ico2.png);}
.emailLink{ border: 1px solid #977751; padding: 0px 22px; margin-left: 15px; float: left; display: block;}
.emailLink .txt{ background: url(../images/email_ico.png) no-repeat scroll left center; padding-left: 30px; color: #977751; transition: 300ms; -webkit-transition: 300ms; }
.emailLink:hover{ border-color: #fff;}
.emailLink:hover .txt{ color: #fff; background-image: url(../images/email_ico2.png);}
.footB{ font-size: 12px;}
.smlink{ margin-left: 16px;}
.ermBox{ width: 136px; float: right; display: block; margin:0px 50px 0px 22px;}
.ermBox .img img{ width: 100%; display: block; }
.ermBox .txt{ color: #ffffff; background-color: #977751; font-size: 11px; text-align: center; height: 34px; line-height: 34px; overflow: hidden; }
.blackTop{ background: url(../images/blackTop.png) no-repeat scroll center bottom; width: 24px; height: 98px; position: absolute; right: 0px; bottom: 0;}
.blackTop:hover{ bottom: 10px;}
.link-select-box a:link, .link-select-box a:visited { color: #fff;}
.link-select-box a:active,.link-select-box a:hover { color: #fff;}  
.link-select-box { background-color: #977751; font-family: arial, helvetica, sans-serif; width: 258px; height: 46px; position: relative; line-height: 46px; transition: 300ms; -webkit-transition: 300ms; color: #fff;  float: right; margin-top: 124px; }
.link-select-box .mt { padding: 0 58px 0 15px; position: relative; cursor: pointer; line-height: 46px; }
.link-select-box .mt .aw { width: 46px; position: absolute; top: 0; bottom: 0; right: 0px; background: url(../images/link_select_ico.png) no-repeat scroll center center; height: 100%; transition: 300ms; -webkit-transition: 300ms; }
.link-select-box .mc { padding-bottom: 3px; position: absolute; left: 0px; right: 0px; bottom: 46px; display: none; }
.link-select-box:hover{ background-color: #876235;}
.link-select-box ul { background-color: #ac8d68; padding: 8px 0; overflow: hidden; }
.link-select-box a { display: block; padding: 5px 15px; line-height: 1.4; font-size: 12px;}
.link-select-box a:hover { background-color: #d0b493; }
.link-select-box.act .mt .aw { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }
.pinner{ width: 80%; max-width: 1520px; margin: 0px auto;}
.pbanner { position: relative; overflow: hidden; background: url(../images/loader.gif) no-repeat scroll center center #fff; color: #fff; }
.pbanner a:link, .pbanner a:visited { color: #fff; }
.pbanner a:active, .pbanner a:hover { color: #fff; }
.pbanner .load-img { display: block; width: 100%; }
.pbanner .load-yy{ background: url(../images/bg_yy2.png)  repeat-x scroll left bottom; position: absolute; left: 0; width: 100%; height: 100%; bottom: 0;}
.pbanner-C a:link, .pbanner-C a:visited{ color: #fff;}
.pbanner-C a:active,.pbanner-C a:hover { color: #fff;}
.pbanner-C{ position: absolute; left: 10%; bottom: 12%; color: #fff; visibility: hidden;}
.pbanner-C .t{ font-size: 18px; margin-bottom: 8px;}
.pbanner-C .c{ font-size: 40px; line-height: 1.2; font-weight: bold; font-family: "微软正黑体","Microsoft JhengHei";}
.pbanner-C.inview { visibility: visible; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: fadeInRightBig 1.2s 1; animation: fadeInRightBig 1.2s 1; }
.pbanner-C article{ position: relative; float: left;}
.tlbg:after{ background-color: rgb(176,125,65); background-color: rgba(176,125,65,0.8); content: ""; width: 102%; height: 100%; position: absolute; top: 0px; left: -2%;transition: transform .8s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; -webkit-transition: transform .8s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;  z-index: 1; transform-origin:left top 0; -webkit-transform-origin:left top 0;}
.inview .tlbg:after{transform: scaleX(0); -webkit-transform: scaleX(0);}
.no-csstransitions .pbanner-C article:after{ background-color: transparent;}
.pageNavBox { height: 52px;}
.pageNavBox a:link, .pageNavBox a:visited { color: #fff;}
.pageNavBox a:active,.pageNavBox a:hover { color: #d82e29;}    
.pagenav { background-color: #d82e29; width: 100%;}
.pagenav.fixed{ position: fixed; left: 0; top: 52px; z-index: 1000;}
.pagenav.fixed .cpnavbox{ height: 40px; line-height: 40px;}
.cpnavbox { height: 50px; line-height: 50px; padding-top: 2px; -webkit-transition:height 0.3s;  transition:height 0.3s;}
.cpnavbox a { text-align: center; color: #ffffff; display: inline-block; margin-left: -3px; padding: 0px 30px;  *display: inline; *zoom: 1; position: relative;}
.cpnavbox a:before{ content:""; position: absolute; left: 0px; top: 0; width: 1px; height: 100%; display: block; background-color: #b1844f;}
.cpnavbox a:last-child:after{ content:""; position: absolute; right: 0px; top: 0; width: 1px; height: 100%; display: block; background-color: #b1844f;}
.cpnavbox a:hover, .cpnavbox a.active { background-color: #fff; color: #d82e29; }
.cpnav { display: none; width: 100%; color: #fff; line-height: 40px; height: 40px; overflow: hidden; text-align: center; font-size: 14px; background-color: #d82e29; cursor: pointer; }
.caret { display: inline-block; width: 0px; height: 0px; margin-left: 10px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.fixedImg { background-position: center top; background-repeat: no-repeat; background-size: cover;}

/* Slider */
.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 800px; height: 500px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -400px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 31px; height: 31px; cursor: pointer; position: absolute; top: 0px; right: -42px; }
.vwrap .close i { display: block; width: 31px; height: 31px; background: url(../images/close_i1.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer;  }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
.jwdisplayIcon{ background:  none no-repeat!important;}
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/* Dots */
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
.slick-dots li.slick-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
}
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }
  .pswp * {-webkit-box-sizing: border-box;box-sizing: border-box; }
  .pswp img { max-width: none; }

.pswp--animate_opacity { opacity: 0.001; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp--open { display: block; }
.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }
.pswp--zoomed-in .pswp__img {cursor: -webkit-grab; cursor: -moz-grab;cursor: grab; }
.pswp--dragging .pswp__img {cursor: -webkit-grabbing; cursor: -moz-grabbing;cursor: grabbing; }
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background:url(../images/black_90.png) repeat;
  background:none rgba(0,0,0,0.9);
  opacity: 0;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none;transition: none; }

.pswp__container,.pswp__zoom-wrap { -webkit-backface-visibility: hidden; }

.pswp__item {position: absolute;left: 0;right: 0; top: 0; bottom: 0;overflow: hidden; }
.pswp__img {position: absolute;width: auto;height: auto; top: 0; left: 0; }
.pswp__img--placeholder { -webkit-backface-visibility: hidden; }
.pswp__img--placeholder--blank {background: #222; }
.pswp--ie .pswp__img { width: 100% !important; height: auto !important;left: 0; top: 0; }
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }
.pswp__error-msg a {color: #CCC;text-decoration: underline; }
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s;
  -webkit-box-shadow: none;
          box-shadow: none; }
.pswp__button:focus,.pswp__button:hover { opacity: 1; }
.pswp__button:active { outline: none;opacity: 0.9; }
.pswp__button::-moz-focus-inner { padding: 0;  border: 0; }

.pswp__ui--over-close .pswp__button--close { opacity: 1; }
.pswp__button{
  background: url(../images/default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  .pswp--svg .pswp__button, {background-image: url(../images/default-skin.svg); }
  .pswp--svg .pswp__button--arrow--left{background: url(../images/img_l4.png.png) no-repeat scroll center center;}
  .pswp--svg .pswp__button--arrow--right{ background: url(../images/img_r4.png.png) no-repeat scroll center center;}
  .pswp--svg .pswp__button--close{ color: #fff;}
 }
.pswp__button--close { background-position: 0 -44px;}
.pswp__button--share {background-position: -44px -44px; }
.pswp__button--fs { display: none; }
.pswp--supports-fs .pswp__button--fs { display: block; }
.pswp--fs .pswp__button--fs {background-position: -44px 0; }
.pswp__button--zoom {display: none;background-position: -88px 0; }
.pswp--zoom-allowed .pswp__button--zoom { display: block; }
.pswp--zoomed-in .pswp__button--zoom {background-position: -132px 0; }
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {visibility: hidden; }
.pswp__button--arrow--left,
.pswp__button--arrow--right { top: 50%; background: url(../images/img_l1.png) no-repeat scroll center center #FFF; margin-top: -23px;width: 44px;height: 44px; position: absolute; border: 1px solid #FFF; border-radius: 5px;}
.pswp__button--arrow--left {left: 2%; }
.pswp__button--arrow--right { right: 2%; background-image: url(../images/img_r1.png);}
.pswp__button--arrow--left:hover,.pswp__button--arrow--right:hover{ border-color: #d82e29; background-color: #d82e29;}
.pswp__counter,.pswp__share-modal { -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none; }
.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }
.pswp__share-modal--hidden {display: none; }
.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
          transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }
.pswp__share-tooltip a { display: block;  padding: 8px 12px; color: #000;text-decoration: none;font-size: 14px; line-height: 18px; }
.pswp__share-tooltip a:hover { text-decoration: none; color: #000; }
.pswp__share-tooltip a:first-child { border-radius: 2px 2px 0 0; }
.pswp__share-tooltip a:last-child {border-radius: 0 0 2px 2px; }
.pswp__share-modal--fade-in { opacity: 1; }
.pswp__share-modal--fade-in .pswp__share-tooltip { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.pswp--touch .pswp__share-tooltip a {padding: 16px 12px; }
a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }
a.pswp__share--facebook:hover {background: #3E5C9A; color: #FFF; }
a.pswp__share--facebook:hover:before {border-bottom-color: #3E5C9A; }
a.pswp__share--twitter:hover {background: #55ACEE;color: #FFF; }
a.pswp__share--pinterest:hover { background: #CCC; color: #CE272D; }
a.pswp__share--download:hover {background: #DDD; }
.pswp__counter { float: left; height: 44px;  font-size: 13px;line-height: 44px;color: #FFF; opacity: 0.75;padding: 0 10px; }
.pswp__caption {position: absolute; left: 0; bottom: 0; width: 100%; min-height: 44px; }
.pswp__caption__center {text-align: center; max-width: 600px; font-size: 15px; margin: 0 auto; padding: 20px 10px; color: #fff; }
.pswp__caption__center .xzy-zan{ float: right; display: block;}
.pswp__caption--empty {display: none; }
.pswp__caption--fake{ visibility: hidden;}
.pswp__preloader {width: 44px;height: 44px;position: absolute; top: 0;left: 50%; margin-left: -22px;opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; will-change: opacity;direction: ltr; }
.pswp__preloader__icn {width: 20px; height: 20px;margin: 12px; }
.pswp__preloader--active {opacity: 1; }
.pswp__preloader--active .pswp__preloader__icn {background: url(preloader.gif) 0 0 no-repeat; }
.pswp--css_animation .pswp__preloader--active { opacity: 1; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { -webkit-animation: clockwise 500ms linear infinite; animation: clockwise 500ms linear infinite; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {-webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }
.pswp--css_animation .pswp__preloader__icn {background: none;opacity: 0.75; width: 14px;height: 14px;position: absolute;left: 15px;top: 15px;margin: 0; }
.pswp--css_animation .pswp__preloader__cut { position: relative; width: 7px; height: 14px;overflow: hidden; }
.pswp--css_animation .pswp__preloader__donut {-webkit-box-sizing: border-box;box-sizing: border-box;width: 14px;height: 14px;border: 2px solid #FFF;border-radius: 50%;border-left-color: transparent;border-bottom-color: transparent;position: absolute;top: 0;left: 0;background: none;margin: 0; }
@media screen and (max-width: 1024px) {
  .pswp__preloader {position: relative;left: auto; top: auto;  margin: 0;float: right; } 
}
@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes donut-rotate {
  0% {-webkit-transform: rotate(0);transform: rotate(0); }
  50% { -webkit-transform: rotate(-140deg);transform: rotate(-140deg); }
  100% { -webkit-transform: rotate(0);transform: rotate(0); }
}
.pswp__ui {-webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1550; }
.pswp__top-bar {position: absolute;left: 0; top: 0; height: 44px;width: 100%; }
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {visibility: visible; }
.pswp__top-bar,
.pswp__caption {background-color: rgba(0, 0, 0, 0.5); }
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption { background-color: rgba(0, 0, 0, 0.3); }
.pswp__ui--idle .pswp__top-bar { opacity: 1; }
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {opacity: 0; }
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {opacity: 0.001; }
/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {display: none; }
.pswp__element--disabled {display: none !important; }
.pswp--minimal--dark .pswp__top-bar {background: none; }
#gallery2 .pswp__caption__center{ text-align: center; font-size: 18px;}
/*main style end*/
/*index style*/
.align-vertical { height: 100%; width: 100%; position: relative; display: table; }
.vertical-inner { display: table-cell; vertical-align: middle; }
.transXT50 { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.action.transXT50 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.dly_1 { transition-delay: 100ms; -webkit-transition-delay: 100ms; }
.dly_2 { transition-delay: 200ms; -webkit-transition-delay: 200ms; }
.dly_3 { transition-delay: 300ms; -webkit-transition-delay: 300ms; }
.dly_4 { transition-delay: 400ms; -webkit-transition-delay: 400ms; }
.dly_5 { transition-delay: 500ms; -webkit-transition-delay: 500ms; }
.dly_6 { transition-delay: 600ms; -webkit-transition-delay: 600ms; }
.dly_7 { transition-delay: 700ms; -webkit-transition-delay: 700ms; }
.dly_8 { transition-delay: 800ms; -webkit-transition-delay: 800ms; }
.dly_9 { transition-delay: 900ms; -webkit-transition-delay: 900ms; }
.dly_10 { transition-delay: 1000ms; -webkit-transition-delay: 1000ms; }
.dly_11 { transition-delay: 1100ms; -webkit-transition-delay: 1100ms; }
.banner a:link, .banner a:visited { color: #fff;}
.banner a:active,.banner a:hover { color: #e60012;}  
.banner { position: relative; overflow: hidden; }
.banner .item .pimg { position: absolute; right: 0px; top: 0px; width: 100%; display: block; }
.binbox{ position: absolute; left: 7%; bottom: 400px; color: #fff; border-left: 1px solid #fff; border-left: 1px solid rgba(255,255,255,0.5); padding-left: 50px;}
.binbox .t{ color: #fff; font-size: 52px; line-height: 1.1; margin-bottom: 10px; overflow: hidden; font-family: "微软正黑体","Microsoft JhengHei"; font-weight: bold;}
.binbox .en{ line-height: 1.4; font-size: 18px; font-family: "pf_din_text_comp_proregular";}
.binbox .con{ height: 160px; overflow: hidden;}
.binbox .moreBox{ font-family: "pf_din_text_comp_proregular";}

.banner .bot{ position: absolute; left: 0px; bottom: 0px; background-color: #e60012; height: 6px; overflow: hidden;}
.banner .slick-arrow{ background:url(../images/black_50.png) repeat; background:rgba(0,0,0,0.5); width:60px; height: 52px; z-index: 105;  bottom: 300px;}
.banner .slick-arrow i{ width: 100%; height: 100%; display: block; transition: 300ms; -webkit-transition: 300ms;}
.banner .slick-prev{ left: 7%; }
.banner .slick-next{ left: 7%; margin-left: 74px;}
.banner .slick-prev i{ background: url(../images/i_banner_l.png) no-repeat scroll center center;}
.banner .slick-next i{ background: url(../images/i_banner_r.png) no-repeat scroll center center;}
.banner .slick-prev:hover,.banner .slick-next:hover{ background:url(../images/cs_80.png) repeat; background:none rgba(213,39,44,0.8);}
.banner .slick-prev:hover i{ transform: translateX(-5px); -webkit-transform: translateX(-5px);}
.banner .slick-next:hover i{ transform: translateX(5px); -webkit-transform: translateX(5px);}
.banner-yy{ background: url(../images/bg_yy.png) repeat-x scroll left bottom; display: block; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0;}
.banner .slick-active .pimg { visibility: visible !important; -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.banner .slick-active .binbox{  visibility: visible; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: fadeInRightBig 1.2s 1; animation: fadeInRightBig 1.2s 1;}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
.banner .slick-active .bot { -moz-animation: a_slidercurrent 5s linear; -webkit-animation: a_slidercurrent 5s linear; -o-animation: a_slidercurrent 5s linear; animation: a_slidercurrent 5s linear; }
@-moz-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
@-webkit-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
.banner .slick-dots{ right: 2.5%; bottom: 50%; width: 10px; margin-bottom: -92px; z-index: 105; }
.banner .slick-dots li{ position: relative; display: block; width: 21px; padding: 20px 0px; margin: 0px; cursor: pointer;}
.banner .slick-dots li:before{ content: ""; background-color: #fff; width: 1px; height: 100%; position: absolute; left: 50%; top: 0;}
.banner .slick-dots li:first-child:before{ top: 50%; height: 50%;}
.banner .slick-dots li:last-child:before{ height: 50%;}
.banner .slick-dots li a{ height: 21px; width: 21px; line-height: 21px; display: block; overflow: hidden; margin: 0px auto; padding: 0px; cursor: pointer;  border-radius: 50%; background: url(../images/banner_y1.png) no-repeat scroll center center;}
.banner .slick-dots li a span{ width: 100%; height: 100%; display: block; border-radius: 50%; background: url(../images/banner_y2.png) no-repeat scroll center center;  visibility: hidden; opacity: 0; transform: scale(0.8); -webkit-transform: scale(0.8); transition: 300ms; -webkit-transition: 300ms;}
.banner .slick-dots li a:focus{ outline: none; }
.banner .slick-dots li.slick-active a span{ opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); }
.mouseIco{ border: 2px solid #fff; width: 21px; height: 30px; display: block; margin: 0px auto; border-radius: 6px; position: absolute; left: 50%; margin-left: -17px; bottom: 67px; z-index:900;}
.mouseIco i{ width: 3px; height: 7px; border-radius: 1px; display: block; background-color: #fff; position: absolute; left: 50%; margin-left: -1px; top: 5px; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
.moreBtn{ text-align: center; font-family: "pf_din_text_comp_proregular"; background: url(../images/more_bg.png) no-repeat scroll center bottom; display: block; width: 110px; padding-bottom: 2px; position: relative;}
.moreBtn:before { content: ""; width: 100%; height: 100%; background: url(../images/more_bg2.png) no-repeat scroll left bottom; position: absolute; left: 0; bottom: 0px; /*transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1);  transition: transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility:hidden\9;*/ width: 0; transition: 0.3s; -webkit-transition: 0.3s;}
.iboxT .zh,.iboxT .en{ font-size: 24px; line-height: 1.5;}
.iboxT .zh{ color: #d82e29;}
.iboxT .en{ color: #bbbbbb; text-transform: uppercase; padding-left: 6px; font-family: "pf_din_text_comp_proregular";}
.ibox dd{ float: left; display: block; width: 50%; position: relative;}
.ibox .img{ overflow: hidden; position: relative;}
.ibox .img img{ width: 100%; display: block; transition: 1s; -webkit-transition: 1s;}
.ibox .black-20{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 330ms; -webkit-transition: 330ms;}
.videoIbox a:link, .videoIbox a:visited { color: #fff;}
.videoIbox a:active,.videoIbox a:hover { color: #d82e29;}
.videoIbox .con{ position: absolute; left: 5%; top: 0; width: 90%; top: 50%; text-align: center; margin-top: -75px;}  
.videoIbox .vico{ background: url(../images/videoIco.png) no-repeat scroll center center; width: 55px; height: 55px; margin: 0px auto; display: block; cursor: pointer;}
.videoIbox .iboxT{ padding: 15px 0px;}
.videoIbox .iboxT .zh,.videoIbox .iboxT .en{ color: #fff;}
.videoIbox .moreBtn{ margin: 0px auto;}
.ibox dd:hover .black-20{ opacity: 1; visibility: visible;}
.ibox dd:hover .img img{ -webkit-transform:scale(1.3) rotate(10deg); transform: scale(1.3) rotate(10deg);}
.aboutIbox{ background-size: cover; background-repeat: no-repeat; background-position: center bottom;}
.aboutIbox .con{ position: absolute; left: 8%; top: 14%; width: 84%;}
.aboutIbox .t{ font-size: 18px; color: #d82e29; line-height: 1.5;}
.aboutIbox .by{ color: #d82e29; font-weight: bold; font-size: 30px; line-height: 1.2; }
.aboutIbox .i{ width: 500px; text-align: justify; height: 76px; overflow: hidden; margin: 4% 0px 8%;}
.numList li{ float: left; display: block; margin-right: 46px; text-align: center; font-size: 12px; color: #666666;}
.numList li:last-child{ margin-right: 0;}
.numList .num{ font-size: 72px; color: #733e1f; line-height: 1.1; font-family: 'Baiduan Number';}
.aboutIbox .moreBtn{ position: absolute; right: 0; bottom: 0; background-image: url(../images/more_bg2.png);}
.aboutIbox .moreBtn:before{ background-image: url(../images/more_bg3.png);}
.aboutIbox a:link, .aboutIbox a:visited { color: #977751;}
.aboutIbox a:active,.aboutIbox a:hover { color: #000;}
.industryIbox{ position: relative; overflow: hidden; color: #fff;}
.industryIbox a:link, .industryIbox a:visited { color: #fff;}
.industryIbox a:active,.industryIbox a:hover { color: #d82e29;}
.industryIDemo{ position: relative; overflow: hidden;}
.industryIDemo .item{ position: relative; opacity: 1;}
.industryIDemo .img{ position: relative; overflow: hidden;}
.industryIDemo .img img{ width: 100%; display: block;}
.industryIDemo .black-30{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.industryIDemo .con{ position: absolute; left: 7%; top: 20%; width: 820px;  transform: translateX(88px); -webkit-transform: translateX(88px); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; opacity: 0; visibility: hidden;}
.industryIDemo .t{ font-size:56px; line-height: 1.5; color: #443195;text-shadow: 2px 2px 2px #fff; font-weight:bold}
.industryIDemo .by{  color: #ffffff; font-size: 24px; line-height: 1.2; margin-top: 5px;}
.industryIDemo .txt{ color: #fff; margin-top: 28px; height: 50px; overflow: hidden;}
.industryIDemo .slick-active{ z-index:800 !important;}
.industryIDemo .slick-active .img { -webkit-animation: slideIn 1s ; animation: slideIn 1s;}
.industryIDemo .slick-active .img img { -webkit-animation: imgIn 1s; animation: imgIn 1s; }
@-webkit-keyframes slideIn {
    0% { -webkit-transform: translateX(-100%); opacity: 1; }
    100% { -webkit-transform: translateX(0); opacity: 1; }
}
@keyframes slideIn {
    0% { transform: translateX(-100%); opacity: 1; }
    100% { transform: translateX(0); opacity: 1; }
}
@-webkit-keyframes imgIn {
    0% { -webkit-transform: -webkit-translateX(100%); opacity: 1; }
    100% { -webkit-transform: -webkit-translateX(0); opacity: 1; }
}
@keyframes imgIn {
    0% { transform: translateX(100%); opacity: 1; }
    100% { transform: translateX(0); opacity: 1; }
}
.industryIDemo .slick-active .con { transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0) skew(0); opacity: 1; visibility: visible; transition: 680ms 480ms; -webkit-transition: 680ms 480ms; background:url(../images/a_logo.png) center left no-repeat; height:170px; padding-left:180px;  }


.industryINav{ position: absolute; left: 0; bottom: 0; width: 100%;}
.industryINav .item{ float: left; display: block; width: 33.33%; cursor: pointer;}
.industryINav .itemC{ border-left: 1px solid #fff; border-top: 1px solid #fff; border-left:1px solid rgba(255,255,255,0.3); border-top:1px solid rgba(255,255,255,0.3); padding: 85px 50px 0px; height: 255px; text-align: center; position: relative; z-index: 1;}
.industryINav .itemC:before { content: ""; width: 100%; height: 100%; z-index: -1; position: absolute; left: 0; bottom: 0px; background: url(../images/cs_90.png) repeat; background:none rgba(226,30,45,0.9); transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .38s cubic-bezier(.4,0,.2,1); transition: transform .38s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9; }
.industryINav .ico{ width: 60px; height: 60px; display: block; margin: 0px auto 15px; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.industryINav .t{ font-size: 30px; line-height: 1.5; margin-bottom: 2px; }
.industryINav .en{ font-family: "pf_din_text_comp_proregular"; text-transform: uppercase; line-height: 1.2; margin-bottom: 8px;}
.industryINav .addico{ background: url(../images/add_ico.png) no-repeat scroll center center; background-size: cover; width: 10px; height: 10px; display: block; margin: 0px auto 22px; transition:  0.3s; -webkit-transition:  0.3s;}
.industryINav .moreBtn{ opacity: 0; margin: 0px auto; visibility: hidden;}
.industryINav .moreBtn:hover .txt{ color: #000;}
.industryINav .moreBtn:before{ background-image: url(../images/more_bg3.png);}
.industryINav .slick-current .ico { -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
.industryINav .slick-current .itemC:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9; }
@keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
@-webkit-keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
.industryINav .slick-current .addico{ opacity: 0; visibility: hidden; transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.industryINav .slick-current .moreBtn{ opacity: 1; visibility: visible;}
.industryINav .itemC:hover .ico{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
.industryINav .itemC:hover .addico{ transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.bgf8{ background-color: #f8f8f8;}
.twoIbox{ position: relative; overflow: hidden; z-index: 1;}
.twoIbox .bgf8{ width: 50%; position: absolute; right: 0; top: 0; height: 100%; z-index: -1;}
.newIbox{ background-color: #fff; float: left; display: block; width: 57.6%; padding-right: 4%; padding-top: 86px; height: 648px;}
.fashionIbox{ float: left; display: block; width: 34.4%; margin-left: 4%; padding-top: 86px; height: 648px;}
.twoIbox .iboxT a:link, .twoIbox .iboxT a:visited { color: #977751;}
.twoIbox .iboxT a:active,.twoIbox .iboxT a:hover { color: #000;}  
.twoIbox .iboxT .moreBtn{ float: right; background-image: url(../images/more_bg2.png); margin-top: 4px;}
.twoIbox .iboxT .moreBtn:before{ background-image: url(../images/more_bg3.png);}
.ilinkA{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;}
.newIbox-first{ position: relative; overflow: hidden; margin: 40px 0px 25px; color: #909090;}
.newIbox-first .img{ float: left; display: block; margin-right: 30px; width: 230px; overflow: hidden; height: 136px; background-color: #000;}
.newIbox-first .img img{ width: 100%; display: block; transition: 0.8s; -webkit-transition: 0.8s;}
.newIbox-first .time{ font-family: "pf_din_text_comp_proregular"; text-transform: uppercase; font-size: 16px; color: #977751;}
.newIbox-first .line{ padding: 0px 10px;}
.newIbox-first .title{ margin: 10px 0px; color: #333333; font-size: 18px; line-height: 1.2; height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newIbox-first .txt{ height: 50px; overflow: hidden;}
.newIbox-first:hover .title{ color: #d82e29;}
.newIbox-first:hover .img img{ transform: scale(1.06); -webkit-transform: scale(1.06); opacity: 0.8; filter: alpha(opacity=80);}
.newIbox-list{ border-top: 1px solid #e7e7e7; padding-top: 22px;}
.newIbox-list a:link, .newIbox-list a:visited { color: #7a7a7a;}
.newIbox-list a:active,.newIbox-list a:hover { color: #7a7a7a;}  
.newIbox-list li{ position: relative; z-index: 1;}
.newIbox-list li:before { content: ""; z-index: -1; position: absolute; left: -1%; top: 0px; width: 101%; height: 100%; background-color: #ececec; -webkit-transition: -webkit-transform .38s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .38s cubic-bezier(.4,0,.2,1); transition: transform .38s cubic-bezier(.4,0,.2,1); transition: transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); transform-origin: 50% 100% 0; -webkit-transform-origin: 50% 100% 0; visibility: hidden\9; }
.newIbox-list li:hover:before { transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); transform-origin: 50% 0 0; -webkit-transform-origin: 50% 0 0; visibility: visible\9; }
.newIbox-list li a{ height: 36px; line-height: 36px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.newIbox-list .time{ color: #977751; font-size: 16px; padding-right: 10px; font-family: "pf_din_text_comp_proregular";}
.fashionIbox-list1{ padding-bottom: 35px;}
.fashionIbox-list li{ padding: 22px 0px 0;/* border-bottom: 1px solid #c9c9c9;*/}
.fashionIbox-list li:last-child{ border-bottom: 0px none;}
.fashionIbox-item{ position: relative; overflow: hidden; padding:0px 10px 0px 116px; height: 132px; transition:0.2s; -webkit-transition:0.2s; background-color: #ffffff;}
.fashionIbox-item .img{ overflow: hidden; background-color: #000000; width: 92px; height: 132px; position: absolute; left: 0; top: 0;}
.fashionIbox-list1 .fashionIbox-item{ padding: 0px 10px 0px 206px;}
.fashionIbox-list1 .fashionIbox-item .img{ width: 182px;}
.fashionIbox-item .img img{ width: 100%; display: block; transition: 0.8s; -webkit-transition: 0.8s;} 
.fashionIbox-item .t{ margin-top: 40px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition:0.35s; -webkit-transition:0.35s;}
.fashionIbox-item .time{ font-family: "pf_din_text_comp_proregular"; color: #999999; font-size: 16px; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.fashionIbox-item .btn{ width: 110px; height: 22px; line-height: 22px; text-align: center; overflow: hidden; color: #fff; background-color: #d0b493; display: block; visibility: hidden; opacity: 0; margin-top: 15px; transition:0.35s; -webkit-transition:0.35s;}
.fashionIbox-item:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.fashionIbox-item:hover .t{ margin-top: 16px;} 
.fashionIbox-item:hover .btn{ opacity: 1; visibility: visible;} 
.fashionIbox-item:hover .img img{ transform: scale(1.06); -webkit-transform: scale(1.06); opacity: 0.8; filter: alpha(opacity=80);}
.partnerIbox a:link, .partnerIbox a:visited { color: #fff;}
.partnerIbox a:active,.partnerIbox a:hover { color: #fff;}  
.partnerIbox{ background-color: #977751; padding: 52px 0px; color: #fff;}
.partnerIbox .iboxT .zh{ color: #fff;}
.partnerIbox .iboxT .en{ color: #e2c8aa;}
.partnerI-line{ border-top: 1px solid #ac8d68; border-bottom: 1px solid #805f38; height: 0px; overflow: hidden; line-height: 0; margin: 12px 0px 38px;}
.partnerIdemo .item{ margin: 0px 10px;}
.partnerIdemo .item a{ overflow: hidden; display: block; position: relative;}
.partnerIdemo .item img{ max-width: 100%; display: block; margin: 0px auto; -webkit-transition: 0.6s; transition: 0.6s;}
.partnerIdemo .slick-list { height: 60px;}
.partnerIdemo .slick-arrow{ width: 34px; height: 34px; top: -90px; z-index: 200; border-radius: 50%; border: 1px solid #3c1605;}
.partnerIdemo .slick-arrow i{  display: block; width: 100%; height: 100%; position: relative; z-index: 2;}
.partnerIdemo .slick-prev{ right: 55px;}
.partnerIdemo .slick-prev i{ background: url(../images/img_l1.png) no-repeat scroll center center;}
.partnerIdemo .slick-next{ right: 10px;}
.partnerIdemo .slick-next i{ background: url(../images/img_r1.png) no-repeat scroll center center;}
.partnerIdemo .item:hover img{  transform: scale(0.9); -webkit-transform: scale(0.9);}
/*index style end*/
/*about style*/
.speech-Pbox a:link, .speech-Pbox a:visited { color: #fff;}
.speech-Pbox a:active,.speech-Pbox a:hover { color: #fff;}  
.speech-Pbox{ background-position: left top; background-color: #362c2a; background-repeat: no-repeat; background-size: cover; color: #fff; position: relative;}
.speech-Pbox .pinner{ position: relative;}
.speech-Pbox .img,.speech-Pbox .con{ float: left; display: block; width: 50%;}
.speech-Pbox .img img{ width: 100%; display: block; max-width: 100%;}
.speech-Pbox .con{ position: absolute; right: 10%; top: 0%; height: 100%; text-align: right;}
.speech-Pbox .t{ font-size: 60px; line-height: 1.2; margin-bottom: 15px;}
.speech-Pbox .c{ font-size: 20px;}
.speech-Pbox .qm{ margin-top: 40px;}
.speech-Pbox .more{ background: url(../images/cs_50.png) repeat; background: rgba(160,115,62,0.5); position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; padding: 10px 0px 15px;}
.speech-Pbox .moreBtn{ margin: 0px auto;}
.surveyPCon a:link, .surveyPCon a:visited { color: #977751;}
.surveyPCon a:active,.surveyPCon a:hover { color: #000;}  
.surveyPCon{ padding: 170px 0px 135px;}
.survey-title{ margin-bottom: 35px;}
.survey-title .year{ font-size: 165px; font-family: "Baiduan Number"; text-transform: uppercase; color: #e8e8e8; line-height: 1;}
.survey-title .year span{ font-family: "pf_din_text_comp_proregular";}
.survey-title .zh{ color: #752d03; position: relative; margin-top: -50px; font-size: 30px; line-height: 1;}
.survey-c{ width: 545px; height: 126px; overflow: hidden; margin-bottom: 30px;}
.moreBtn2{ background-image: url(../images/more_bg2.png);}
.moreBtn2 .txt{ color: #977751;}
.moreBtn2:before{ background-image: url(../images/more_bg3.png);}
.moreBtn2:hover .txt{ color: #000;}
.surveyPbox .pinner{ position: relative;}
.survey-plist{ position: absolute; right: 10%; bottom: 0; width: 40%; color: #fff;}
.survey-plist li{ display: block; float: left; width: 31.33%; text-align: center; padding: 40px 1%;}
.survey-plist .num{ font-size: 72px; line-height: 1; font-family: "Baiduan Number";}
.memorabiliaPbox a:link, .memorabiliaPbox a:visited { color: #fff;}
.memorabiliaPbox a:active,.memorabiliaPbox a:hover { color: #977751;}  
.memorabiliaPbox{ padding: 130px 0px 0px; color: #fff;}
.pboxT .t{ font-size: 24px; color: #c6a47b;}
.pboxT .by{ color: #fff; font-size: 36px;}
.memorabiliaDemo{ margin-top: 60px;  padding: 54px 0px 154px 14px; width: 800px; position: relative;}
.memorabiliaDemo .mouseIco{ left: 38px; margin-left: 0;}
.memorabiliaDemo .line{ width: 4px; height: 100%; position: absolute; left: 10px; top: 0; background-color: #d5272c;}
.memorabiliaDemo .yd{ background: url(../images/memorabilia_d.png) no-repeat scroll center center; width: 25px; height: 25px; position: absolute; left: 0; top: 0;}
.memorabiliaBox{ height: 386px; overflow: hidden;  cursor:url(../images/mouse.png) 16 16, default;}
.memorabiliaBox .mCSB_scrollTools{ visibility: hidden !important;}
.memorabilia-list dd{ position: relative; padding:0px 0px 35px 112px;}
.memorabilia-list .year{ position: absolute; left: 0; padding-left: 27px; width: 84px;}
.memorabilia-list .year i{ width: 9px; height: 4px; background-color: #c6a47b; position: absolute; left: 0; top: 50%; margin-top: -2px; border-radius: 0px 2px 2px 0px;}
.structure-pbox{ position: relative; overflow: hidden;}
.structure-pbox .img{ float: right; display: block; width: 50%; overflow: hidden;}
.structure-pbox .img img{ width: 100%; display: block;}
.structure-pbox .con{ position: absolute; left: 10%; top: 0; width: 32%; height: 100%;}
.pboxT2 .zh{ font-size: 30px; color: #752d03; line-height: 1.2;}
.pboxT2 .en{ color: #b5b4b3; font-size: 18px; font-family: "pf_din_text_comp_proregular"; line-height: 1.5; text-transform: uppercase;}
.structure-pbox .txt{ height: 76px; overflow: hidden; margin: 8% 0px 9%;}
.honor-pbox-bg a:link, .honor-pbox-bg a:visited { color: #fff;}
.honor-pbox-bg a:active,.honor-pbox-bg a:hover { color: #977751;} 
.honor-pbox-bg{ padding: 130px 0px 85px; width: 785px; margin: 0px auto; text-align: center; color: #fff;}
.honor-pbox-bg .by{ margin: 15px 0px 25px;} 
.honor-pbox-bg .t{ font-size: 36px; line-height: 1.2; margin-bottom: 23px;}
.honor-pbox-bg .c{ margin-bottom: 70px;}
.magrinC{ margin: 0px auto;}
.responsibility-pbox{ padding: 140px 0px; color: #fff;}
.responsibility-pbox a:link, .responsibility-pbox a:visited { color: #fff;}
.responsibility-pbox a:active,.responsibility-pbox a:hover { color: #977751;}  
.responsibility-pbox-bg{ margin-left: 10%; width: 32%;}
.responsibility-pbox-bg .txt{ margin: 5% 0px 8%;}
.responsibility-pbox-bg .moreBtn:before{ background-image: url(../images/more_bg.png);}
.responsibility-pbox-bg .moreBtn:hover .txt{ color: #fff;}
.inner1000{ width: 1000px; margin: 0px auto;}
.pagePading,.pagePading2{ padding: 80px 0px;}
.pageC a:link, .pageC a:visited { color: #d82e29;}
.pageC a:active,.pageC a:hover { color: #000;}  
.pageC img{ max-width: 100% !important; height: auto !important;}
.otherNav{ padding-top: 60px;}
.otherNav .moreBtn{ float: right; }
.structure-img{ border-top: 1px solid #c2c2c2; padding: 42px 0px 60px; margin-top: 30px; text-align: center;}
.structure-img img{ display: block; margin: 0px auto;}
.structure-list{ border-top: 1px solid #c2c2c2; margin-top: 42px;}
.structure-list dd{ padding: 42px 0px 25px; border-bottom: 1px solid #c2c2c2;}
.structure-list .t{ color: #d82e29; font-size: 24px; line-height: 1.4; margin-bottom: 4px;}
.openOdd{ width: 186px; height: 38px; line-height: 38px; text-align: center; color: #fff; background-color: #d82e29; display: block; margin: 50px auto 0;}
.openOdd:hover{ background-color: #666;}
.openOdd .txt{ color: #fff; background: url(../images/serach_bg3.png) no-repeat scroll left center; padding-left: 26px; font-style: inherit;}
.social-con{ margin: 30px 0px 50px; padding: 30px 0px; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2;}
.social-txt{ height: 76px; overflow: hidden;}
.social-reading-btn{ background-color: #aca094; width: 162px; height: 34px; line-height: 34px; text-align: center; color: #fff; display: block; margin:-1px 0px 60px;}
.social-reading-btn .txt{ color: #fff; background: url(../images/reading-btn.png) no-repeat scroll right center; padding-right: 32px;}
.social-reading-btn:hover{ background-color: #d82e29;}
.social-reading-btn.on .txt{ background-image: url(../images/reading-btn2.png);}
.social-list a:link, .social-list a:visited { color: #666;}
.social-list a:active,.social-list a:hover { color: #d82e29;}  
.social-list{ padding-bottom: 10px;}
.social-list dd{ float: left; display: block; width: 48%; margin-left: 4%; position: relative; margin-bottom: 40px; transition:0.43s; -webkit-transition:0.43s; background-color: #fff; padding-bottom: 20px; cursor: zoom-in;}
.social-list dd:nth-of-type(odd){ margin-left: 0;}
.social-list .img{ position: relative; overflow: hidden;}
.social-list .img img{ width: 100%; display: block;  transform:scale(1.05); -webkit-transform:scale(1.05); transition:0.6s; -webkit-transition:0.6s;}
.social-list .txt{ overflow: hidden; text-align: center; padding: 20px 5% 0px; line-height: 1.5; height: 42px;} 
.social-list dd:hover .img img{ transform:scale(1); -webkit-transform:scale(1);}
.social-list dd:hover{ box-shadow:0 0 29px rgba(0,0,0,0.33);}
.social-list dd:hover .txt{ color: #d82e29;}
.bgfafbfd{ background-color: #fafbfd;}
.pageC-zh{ font-size: 30px; color: #752d03; margin-bottom: 30px; line-height: 1.2;}
/*about style end*/
/*new style start*/
.newbg{ background:#f9fafc;}
.news{ padding:86px 0 62px;}
.tnew{ background:#fff; padding:7px 0px;}
.tnew a{ display:block; float:left; height:37px; line-height:37px; padding: 0px 25px; margin: 0px 8px; color:#666666; font-size:14px; text-align:center;}
.tnew .l{ height:37px; line-height:37px; font-size: 12px; color: #ccc;}
.tnew a:hover,.tnew a.active{ color:#fff; background:#aca094;}
.newlist{ width:1254px; position:relative; left:-27px; margin-top:48px;}
.newlist li{ width:33.33333%; float:left; margin-bottom:70px;}
.newlist li a{ display:block; margin:0 27px;}
.newlist li figure{ display:block; line-height:1; overflow:hidden;}
.newlist li figure img{ display:block; width:100%; height:auto; line-height:0; transition:0.48s; -webkit-transition:0.48s; -moz-transition:0.48s; -o-transition:0.48s; transform:scale(1.07); -webkit-transform:scale(1.07); -moz-transform:scale(1.07);}
.newtext{ padding-top:15px; height:152px; position:relative;}
.newtext h3{ color:#7c6b5b; font-size:18px; line-height:1.2; margin-bottom:14px; font-weight:normal;}
.newtext p{ color:#999999; font-size:14px; height:50px; overflow:hidden;}
.nline{ padding-bottom:13px; border-bottom:1px solid #a39486; position:absolute; width:100%; left:0; bottom:0;}
.nline:before{ content:""; width:100%; height:1px; background:#000; position:absolute; left:0; bottom:-1px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .44s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .44s cubic-bezier(.4,0,.2,1); transition:transform .44s cubic-bezier(.4,0,.2,1); transition:transform .44s cubic-bezier(.4,0,.2,1),-webkit-transform .44s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.nline time{ display:block; float:left; line-height:1; color:#977751; font-size:16px; font-family:"pf_din_text_comp_proregular";}
.nline i{ display:block; width:7px; height:15px; background:url(../images/narrow.png) center no-repeat; float:right; margin-top:2px; transition:0.22s; margin-right:5px;}
.newlist li:hover figure img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.newlist li:hover .nline:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.newlist li:hover .nline i{ margin-right:2px; transition:0.22s 0.2s;}

.writtens{ margin-top:30px; padding-top:18px; background:#fff; padding-bottom:18px;}
.writtens li{ position:relative; padding:46px 66px 0 58px;}
.writtens li:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#f3f2ee; -webkit-transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.writtenwr{ position:relative; padding-bottom:34px; border-bottom:1px solid #cccccc; transition:0.3s;}
.writtens li:last-child .writtenwr{ border-bottom:none;}
.writtenle{ float:left;}
.writtenle time{ display:block; color:#8e7f6f; font-size:24px; font-family:"pf_din_text_comp_proregular"; line-height:1; margin-bottom:14px;}
.writtenle span{ display:block; line-height:1; color:#8e7f6f; font-size:14px;}
.writtenfix{ width:88.28%; float:right;}
.writtenfix h3{ line-height:1.2; color:#333333; font-size:18px; font-weight:normal; margin-top:-3px; margin-bottom:16px;}
.writtenfix p{ color:#999999; font-size:14px;}
.writtens li:hover .writtenwr{ border-bottom-color:#f3f2ee; transition:0.3s 0.3s;}
.writtens li:hover:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.nview{ padding-bottom:68px}
.newview{ width:1000px; margin:auto; margin-top:-185px; padding-bottom:50px; background:#fff; position:relative; }
.newtitle{ padding:42px 60px 24px; border-bottom:2px solid #e2e2e2; position:relative;}
.newtitle h3{ color:#333333; font-size:30px; line-height:1.2; margin-bottom:18px; font-weight:normal;}
.newtitle time{ display:inline-block;color:#666666; font-size:12px; font-family:"Arial"; line-height:16px;}
.shared{ margin-top:10px;}
.shared span{ color:#666666; font-size:14px; line-height:28px; margin-left:0; float:left;}
.more-fen-btn{ float: right; display: block; color: #fff; background-color: #977751; padding:4px 16px;}
.more-fen-btn:hover{ background-color: #999;}
.sharelist1{ margin-left:4px; float:left;}
.sharelist1 li{ float:left;}
.sharelist1 li a{ height:28px; display:block; position:relative;}
.sharelist1 li{ width:28px; height:28px; position:relative; margin-right:5px;}
.sharelist1 li:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#f2f2f2; border-radius:50%; position:absolute; left:0; top:0; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); visibility:hidden; transition:0.32s;}
.sharelist1 li:hover:before{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); visibility:visible;}
.sharelist1 li:last-child{ margin-right:0;}
.sharelist1 li a.icon-share1{ background:url(../images/weixin.png) center no-repeat;}
.sharelist1 li a.icon-share2{ background:url(../images/qq.png) center no-repeat;}
.sharelist1 li a.icon-share3{ background:url(../images/weib.png) center no-repeat;}
.sharelist1 li a.icon-share4{ background:url(../images/weibx.png) center no-repeat;}
.sharelist1 li:hover a{ opacity:0.7;}
.newv{ margin:27px 60px 54px; overflow: hidden;}
.newv a:link,.newv a:visited { color:#666666;}
.newv a:active,.newv a:hover { color:#977751;}
.newv p{ color:#666666; font-size:15px;}
.newv img{ max-width:100% !important;  height: auto !important;}
.previous{ padding-top:22px; border-top:1px solid #aaaaaa; position:relative; margin:0 56px;}
.previous .previ{ display:block; width:143px; height:36px; text-align:center; line-height:36px; color:#666666; font-size:14px; border:1px solid #b5b5b5;}
.previous .previ i{ display:inline-block; position:relative; top:1px; width:10px; height:11px; transition:0.28s;}
.previous .prev{ float:left;}
.previous .prev i{ background:url(../images/arrow1.png) center no-repeat; margin-right:16px;}
.previous .next{ float:right;}
.previous .next i{ background:url(../images/arrow2.png) center no-repeat; margin-left:16px;}
.backlist{ display:block; width:145px; height:38px; text-align:center; line-height:38px; color:#fff; background:#977751; position:absolute; left:50%; margin-left:-72px; top:22px;}
.backlist:hover{ background:#1f1c1a;}
.previous .previ:hover{ background:#977751; border-color:#977751; color:#fff;}
.previous .prev:hover i{ background:url(../images/arrow3.png) center no-repeat; margin-right:18px;}
.previous .next:hover i{ background:url(../images/arrow4.png) center no-repeat; margin-left:18px;}

.videoli{ margin-top:38px; margin-bottom:20px;}
.videoli li{ width:48.33333%; float:left; margin-bottom:40px; transition:0.43s;}
.videoli li:nth-child(2n+2){ float:right;}
.videoli li figure{ line-height:1; position:relative; overflow: hidden;}
.videoli li figure img{ width:100%;display: block; transition: 600ms; -webkit-transition: 600ms; transform: scale(1.06); -webkit-transform: scale(1.06);}
.videoli li .videoIbox .vico{ position:absolute; left:50%; margin-left:-27px; top:50%; margin-top:-27px;}
.videotext{ background:#fff; padding:18px 30px 0; height:72px;}
.videotext p{ font-size:14px; transition:0.32s; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.videspan{ padding:30px 12px; background:#fff;}
.videspan span{ display:block; text-align:center; color:#666666; font-size:18px; transition:0.38s; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.videoli li:hover{ box-shadow:0 0 29px rgba(0,0,0,0.33);}
.videoli li:hover .videotext p{ color:#d82e29;}
.videoli li:hover .videspan span{ color:#d82e29;}
.videoli li:hover figure img{ transform: initial; -webkit-transform: initial;}
/*new style end*/ 
/*culture style*/
.culturePage{ margin-top: 80px;}
.cultureTab{ color: #fff;}
.cultureTab a:link, .cultureTab a:visited { color: #fff;}
.cultureTab a:active,.cultureTab a:hover { color: #fff;}  
.cultureTab td{ width: 33.33%; padding: 40px 5% 50px; vertical-align: top;}
.cultureTab .ico{ float: left; display: block; margin-right: 10px;}
.cultureTab .zh{ display: block; font-size: 18px; padding-top: 25px; line-height: 1.2;}
.cultureTab .en{ font-family: "pf_din_text_comp_proregular";}
.cultureTab .t{ margin-bottom: 25px;}
.cultureTab .c p{ padding-left: 10px; position: relative;}
.cultureTab .c p:before{ content: ""; position: absolute; left: 0; top: 12px; width: 3px; height: 3px; background-color: #fff; display: block;}
.yiyuetwo-list{ padding: 30px 0px 10px;}
.yiyuetwo-list a:link, .yiyuetwo-list a:visited { color: #666;}
.yiyuetwo-list a:active,.yiyuetwo-list a:hover { color: #d82e29;}  
.yiyuetwo-list dd{ float: left; display: block; width: 32%; margin-right: 2%; position: relative; margin-bottom: 30px; transition:0.43s; -webkit-transition:0.43s; background-color: #fff; padding-bottom: 15px; cursor: zoom-in;}
.yiyuetwo-list dd:nth-child(3n){ margin-right: 0;}
.yiyuetwo-list .img{ position: relative; overflow: hidden;}
.yiyuetwo-list .img img{ width: 100%; display: block;  transform:scale(1.05); -webkit-transform:scale(1.05); transition:0.6s; -webkit-transition:0.6s;}
.yiyuetwo-list .txt{ height: 42px; line-height: 1.5; overflow: hidden; text-align: center; padding: 15px 5% 0px;}
.yiyuetwo-list dd:hover .img img{ transform:scale(1); -webkit-transform:scale(1);}
.yiyuetwo-list dd:hover{ box-shadow:0 0 21px rgba(0,0,0,0.33);}
.yiyuetwo-list dd:hover .txt{ color: #d82e29;}
.listPage{ background-color: #fff; margin-top: 32px; padding:40px 55px 50px;}
.fashionlist{ position: relative;}
.fashionlist:before{ content: ""; position: absolute; left: 0; bottom: 0; height: 1px; background-color: #E1E1E1; width: 100%;}
.fashionlist li{ float: left; display: block; width: 50%; border-bottom: 1px solid #e1e1e1; position: relative; padding: 30px 0px;}
.fashionlist li:nth-child(odd):before{ content: ""; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background-color: #E1E1E1;}
.fashion-item{ margin:0px 0px 0px 68px; position: relative; padding: 0px 10px 0px 114px; height: 134px;}
.fashionlist li:nth-child(odd) .fashion-item{ margin:0px 68px 0px 0;}
.fashion-item .img{ overflow: hidden; background-color: #000000; width: 92px; height: 132px; border: 1px solid #cecece; position: absolute; left: 0; top: 0;}
.fashion-item .img img{ width: 100%; display: block; transition: 0.8s; -webkit-transition: 0.8s;} 
.fashionlist1 .fashion-item{ padding: 0px 10px 0px 202px;}
.fashionlist1 .fashion-item .img{ width: 182px;}
.fashion-item .t{ margin-top: 20px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition:0.35s; -webkit-transition:0.35s;}
.fashion-item .time{ font-family: "pf_din_text_comp_proregular"; color: #999999; font-size: 16px; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.fashion-item .btn{ width: 110px; height: 22px; line-height: 22px; text-align: center; overflow: hidden; color: #fff; background-color: #999999; display: block;  margin-top: 15px; transition:0.35s; -webkit-transition:0.35s;}
.fashion-item:hover{ background-color: #f9fafc;}
.fashion-item:hover .btn{ background-color: #d0b493;}
.fashion-item:hover .img img{ transform: scale(1.06); -webkit-transform: scale(1.06); opacity: 0.8; filter: alpha(opacity=80);}
.ca0733e{ color: #d82e29;}
.submissionImg{ float: right; display: block; margin-left: 5%; width: 30%;}
.submissionImg img{ width: 100%; display: block;}
.submissionCon{ float: left; display: block; width: 65%;}
.submissionBtn{ display: block; width: 190px; height: 50px; line-height: 50px; text-align: center; color: #fff; background-color: #977751; margin-top: 50px;}
.submissionBtn .txt{ color: #fff; background: url(../images/submission_ico.png) no-repeat scroll left center; padding-left: 30px; }
.submissionBtn:hover{ background-color: #666666;}
.open-box-close{ background: url(../images/close_i2.png) no-repeat scroll center center; width: 30px; height: 30px; background-size: 60% auto; display: block;  position: absolute; right: 40px; top: 30px; cursor: pointer; transition: 0.3s; -webkit-transition: 0.3s;}
.open-box-close:hover{transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.bmBox{ width: 80%; max-width: 570px; background-color: #ffffff; padding: 30px 40px 58px;}
.open-content {margin: 0px auto; position: relative; -webkit-transform: scale(0.7);-moz-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7);opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.open-show,.open-show body{ overflow-y: hidden;}
.open-show .open-content {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}
.open-show  .open-modal {opacity: 1;visibility: visible;}
.open-modal{ position: fixed; left: 0px; top: 0px; overflow-y: auto; right: 0px; bottom: 0px; z-index: 1200;background: url(../images/black_50.png) repeat;background:none rgba(0,0,0,0.5);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;-webkit-overflow-scrolling:touch;opacity: 0; display: none; }
.bmBox .t{ font-size:30px; background: url(../images/submission_ico2.png) no-repeat scroll left center; padding-left: 48px; color: #977751;}
.bmBox .line{ border-bottom: 1px solid #977751; border-top: 1px solid #977751; height: 2px; margin: 24px 0px 40px;}
.bmBox .list li{ float: left; display: block; width: 48%; margin-bottom: 16px;}
.bmBox .list li.item{ margin-right: 4%;}
.bmtxt{ border: 1px solid #d1d1d1; padding: 16px 5%; width: 90%;}
.bmBox input[type="text"]:focus, .bmBox textarea:focus { border-color: #977751; }
.scbox{ position: relative; overflow: hidden;}
.scbtnfile{ position: absolute; left: 0; top: 0; z-index: 10; filter: alpha(opacity=0); opacity: 0; height: 46px; line-height: 46px; width: 48%;}
.scbtn{ width: 48%; background-color: #977751; height: 46px; line-height: 46px; text-align: center; display: block; color: #fff; margin-bottom: 22px;}
.scbtn .txt{ background: url(../images/down.png) no-repeat scroll left center; padding-left: 42px; color: #fff;}
.scbtn:hover{ background-color: #666666;}
.yzmbox{ padding-right: 196px; position: relative; margin-bottom: 30px;}
.yzmbox .yzmLink{ position: absolute; right: 0; top: 0;}
.bmBtn{ height: 48px; line-height: 48px; text-align: center; display: block; color: #fff;  background-color: #977751; }
.bmBtn:hover{ background-color: #666666;}
/*culture style end*/
/*industry style*/
.ilogo{ margin-bottom: 32px;}
.ilogo img{ max-width: 70% !important; vertical-align: middle;}
.industry-erm{ padding-top: 30px;}
.industry-erm a:link, .industry-erm a:visited { color: #666;}
.industry-erm a:active,.industry-erm a:hover { color: #977751; text-decoration: underline;}  
.industry-erm .erm{ float: left; display: block; width: 96px; overflow: hidden; text-align: center; margin-right: 36px;}
.industry-erm .erm img{ display: block; width: 100%; margin-bottom: 0px;}
.industry-erm .link{ float: left; display: block; margin-top: 35px; line-height: 1.4;}
.industry-erm .link .ico{ width: 40px; height: 40px; float: left; display: block; margin-right: 16px; border: 1px solid #666; border-radius: 50%; background: url(../images/link_ico.png) no-repeat center center;}
.industry-erm .link span{ float: left; display: block;}
.industry-Page{ padding: 150px 0px 70px; text-align: center;}
.w795{ width: 1100px; margin: 0px auto; overflow: hidden;}

.industry-Page .t{ font-size: 30px; color: #d82e29; line-height: 1.4; margin-bottom: 10px;}
.industry-Page .by{ font-weight: bold; font-size: 36px; color: #e60012; line-height: 1.2; margin-bottom: 28px;}
.industry-Page .txt{ margin-bottom: 28px;font-size:16px; line-height:30px;}
.industry-Page .en{ color: #999999; font-size: 16px; font-family: "pf_din_text_comp_proregular"; margin-bottom: 50px;}
.industry-Page .en span{ position: relative; padding: 0px 10px;}
.industry-Page .en span:before,.industry-Page .en span:after{ content: ""; width: 128px; height: 1px; display: block; position: absolute; top: 50%; background-color: #a0a0a0;}
.industry-Page .en span:before{ left: 100%;}
.industry-Page .en span:after{ right: 100%;}
.pbot{ background: url(../images/pbot_1.png) no-repeat scroll center center; width: 71px; height:71px; display: block; margin: 0px auto; position: relative;}
.pbot i{ background: url(../images/pbot_ico1.png) no-repeat scroll center center; width: 12px; height: 16px; position: absolute; left: 50%; top: 20px; margin-left: -6px;-webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
.industrys{ overflow:hidden; height: 790px;}
.industry-list a:link, .industry-list a:visited { color: #fff;}
.industry-list a:active,.industry-list a:hover { color: #fff;}  
.industry-list li{ width:33.33%; float:left; overflow:hidden; position:relative; transition:width 455ms;}
.industry-list li figure{ display:block; overflow:hidden; position:relative; text-align:center; background-position: center center;  background-repeat: no-repeat; height: 790px;}
.industry-list li figure img{ display:none; height:790px;}
.industry-list li .black-40{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.industry-item{ width: 330px; padding: 20px; height: 312px; position: absolute; left: 50%; top: 50%; margin: -176px 0px 0px -185px; text-align: center; z-index: 1; color:#fff}
.industry-item:before{content: ""; display:block; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; transform-origin: left bottom; -webkit-transform-origin:left bottom; -webkit-transition:-webkit-transform .52s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .52s cubic-bezier(.4,0,.2,1); transition:transform .52s cubic-bezier(.4,0,.2,1); transition:transform .52s cubic-bezier(.4,0,.2,1),-webkit-transform .52s cubic-bezier(.4,0,.2,1); transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9; z-index: -1;}
.industry-item p{ transition:  0.3s; -webkit-transition: 0.3s;}
.industry-item .ico{ width: 60px; height: 60px; display: block; margin: 70px auto 4px; position: relative; transition:  0.3s; -webkit-transition: 0.3s;}
.industry-item .ico i{ background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.industry-item .ico .i1{ display: block;}
.industry-item .ico .i2{ display: none;}
.industry-item .t{ font-size: 24px; line-height: 1.2; margin-bottom: 5px;}
.industry-item .en{ font-family: "pf_din_text_comp_proregular"; text-transform: uppercase; line-height: 1.1;}
.industry-item .by{ color: #666666; opacity: 0; visibility: hidden; line-height: 1.1;}
.industry-item .addico{ background: url(../images/add_ico.png) no-repeat scroll center center; background-size: cover; width: 10px; height: 10px; display: block; margin: 0px auto 42px; transition:  0.3s; -webkit-transition: 0.3s;}
.industry-item .moreBtn{ opacity: 0; margin: 0px auto; visibility: hidden; background-image: url(../images/more_bg2.png);}
.industry-item .moreBtn .txt{ color: #d52829;}

.industryListPage1{ position: relative;}
.pbot2{ background-image: url(../images/pbot_2.png); position: absolute; left: 50%; margin-left: -35px; bottom: -35px;}
.pbot2 i{ background-image: url(../images/pbot_ico2.png);}
.industry-one-l{ margin: 40px auto; width: 835px; border-left: 1px solid #E8E8E8;}
.industry-one-l li{ float: left; display: block; width: 24%; font-size: 12px; border-right: 1px solid #E8E8E8; text-align: center; padding: 18px 0px;}
.industry-one-l .num{ font-size: 58px; line-height: 1; font-family: "Baiduan Number"; color: #752d03;}
.blackBtn .txt{ background: url(../images/arrow3.png) no-repeat scroll left center; padding-left: 20px;}
.blackBtn:hover .txt{ background-image: url(../images/arrow5.png);}
.industryList-tbox .img{ float: left; display: block; width: 12%; text-align: center;}
.industryList-tbox .img p{ width: 80%;}
.industryList-tbox .ico img{ display: block; width: 90px; margin: 0px auto 15px;}
.industryList-tbox .t{ font-size: 24px; line-height: 1.4; color: #333333;}
.industryList-tbox .con{ float: right; display: block; width: 84%; border-left: 1px solid #cccdce; padding-left: 3%;}
.industryList-tdemo{ margin: 55px auto 0px;}
.industryList-tdemo .item{ float: left; position: relative; overflow: hidden;}
.industryList-tdemo .img{ overflow: hidden;}
.industryList-tdemo .img img{ width: 100%; display: block; transform:scale(1.05); -webkit-transform:scale(1.05); transition:0.6s; -webkit-transition:0.6s;}
.industryList-tdemo .item:hover .img img{ transform:scale(1); -webkit-transform:scale(1);}
.industryList-tdemo .txt{ position: absolute; left: 0; bottom: 0; padding: 10px 5%; width: 90%; text-align: center; color: #fff; line-height: 1.5;}
.industryList-tdemo .slick-arrow { width: 22px; height: 49px; position: absolute; top: 50%; margin-top: -25px; z-index: 99; transition: 300ms; -webkit-transition: 300ms; }
.industryList-tdemo .slick-prev { background: url(../images/rr_w_prev2.png) no-repeat left center; left: -44px; }
.industryList-tdemo .slick-next { background: url(../images/rr_w_next2.png) no-repeat right center; right: -44px; }
.industryList-tdemo .slick-prev:hover { background-position: right center; }
.industryList-tdemo .slick-next:hover { background-position: left center; }
.industryList-ibox{ margin-top: 60px;}

.industry-list-one a:link, .industry-list-one a:visited { color: #333333;}
.industry-list-one a:active,.industry-list-one a:hover { color: #d82e29;}  
.industry-list-one a.item{ display: block;position: relative; overflow: hidden;}
.industry-list-one li{ background-color: #fff;}
.industry-list-one li .img{ width: 50%; display: block; position: relative; overflow: hidden;}
.industry-list-one li .img img{ transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;  width: 100%; display: block; transform: scale(1.06); -webkit-transform: scale(1.06);}
.industry-list-one .img .black-20{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden;transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }
.industry-list-one .con{ color: #7f7e7e; width: 32%; height: 100%; position: absolute;  top: 0%;}
.industry-list-one .con .ico{ display: block; width: 90px; margin-bottom: 12px;}
.industry-list-one .con .zh{ font-size: 24px; line-height: 1.2; margin: 10px 0px 15px; color: #333333;}
.industry-list-one .con .c{ height: 76px; overflow: hidden; margin-bottom: 40px;}
.industry-list-one .bor{ position: absolute; top: 0; left: 0; width: 50%; height: 100%;}
.industry-list-one .moreBtn{ background-image: url(../images/more_bg2.png);}
.industry-list-one .moreBtn .txt{ color: #977751;}
.industry-list-one .oneItem .con{ left: 56%;}
.industry-list-one .oneItem .bor{ left: 50%;}
.industry-list-one .twoItem .img{ margin-left: 50%;}
.industry-list-one .twoItem .con{ left: 12%;}
.filler { position: absolute; display: block; background-color: #cca36e; -webkit-transition: 0.3s ease 0s; -moz-transition: 0.3s 0s; -o-transition: 0.3s 0s; transition: 0.3s 0s; }
.industry-list-one .filler-left { width: 1px; height: 0%; left: 2%; top: 3%; }
.industry-list-one .filler-right { width: 1px; height: 0%; right: 2%; bottom: 3%; }
.industry-list-one .filler-top { width: 0%; height: 1px; right: 2%; top: 3%; }
.industry-list-one .filler-bottom { width: 0%; height: 1px; left: 2%; bottom: 3%; }

.industry-one-img dd{ float: left; display: block; position: relative; width: 46%; margin:22px 2%; cursor: zoom-in;}
.industry-one-img .img{ overflow: hidden; position: relative;}
.industry-one-img .img img{ width: 100%; display: block; transform:scale(1.06); -webkit-transform:scale(1.06); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;}
.industry-one-img .bor{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 10px solid rgba(255,122,0,0.26); box-sizing: border-box; opacity: 0; transform: scale(1.5); -webkit-transform: scale(1.5); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;}
.industry-one-img .txt{ height: 60px; line-height: 60px; padding-right: 35px; color: #666666; position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.industry-one-img .line{ position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #ccc;}
.industry-one-img .ico{ background: url(../images/arrow7.png) no-repeat; width: 13px; height: 10px; position: absolute; right: 8px; top: 50%; margin-top: -5px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.industry-one-img .txt:before{ content:""; width:100%; height:1px; background:#A0723E; position:absolute; left:0; bottom:0px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .44s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .44s cubic-bezier(.4,0,.2,1); transition:transform .44s cubic-bezier(.4,0,.2,1); transition:transform .44s cubic-bezier(.4,0,.2,1),-webkit-transform .44s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9; z-index: 2;}
.industry-one-img dd:hover .img img{ transform:scale(1); -webkit-transform:scale(1);}
.industry-one-img dd:hover .bor{ opacity: 1;  transform:scale(1); -webkit-transform:scale(1);}
.industry-one-img dd:hover .txt:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.industry-one-img dd:hover .txt{ color: #d82e29;}
.industry-one-img dd:hover .ico{ background-image: url(../images/arrow6.png); right: 0;}

.industryListPage2{ position: relative;}
.industryListPage2  .ilogo{ margin-bottom: 20px;}
.industryListPage2  .pageC-zh{ margin-bottom: 35px;}
.industryListPage2 .ipnav{ margin-top: 50px;}
.industryListPage2 .iptx{ margin-bottom: 20px;}
.industry-list-two a:link, .industry-list-two a:visited { color: #333;}
.industry-list-two a:active,.industry-list-two a:hover { color: #333;}  
.industry-list-two dd{ float: left; display: block; width: 15.66%; overflow: hidden; margin-right: 1%; text-align: center; background-color: #f4f4f4;}
.industry-list-two figure{ overflow: hidden;}
.industry-list-two figure img{ width: 100%; display: block; transform:scale(1.05); -webkit-transform:scale(1.05); transition: 0.5s; -webkit-transition: 0.5s;}
.industry-list-two .item{ display: block; padding-bottom: 175px; position: relative;}
.industry-list-two .con{ height: 230px; position: absolute; left: 0; bottom: 0; margin-bottom: -55px; width: 90%; padding: 30px 5% 0px; height: 200px; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;}
.industry-list-two .ico{ width: 50px; height: 50px; position: relative; margin: 0px auto 8px; display: block;}
.industry-list-two .ico i{ background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.industry-list-two .ico .i1{display: block;}
.industry-list-two .ico .i2{display: none;}
.industry-list-two .zh{ font-size: 16px; line-height: 1.5; color: #333;}
.industry-list-two .en{ font-family: "pf_din_text_comp_proregular"; line-height: 1.2; color: #999999; margin-bottom: 30px;}
.industry-list-two .moreBtn{ opacity: 0; visibility: hidden;}
.industry-list-two .moreBtn .txt{ color: #fff;}

.industry-two-ul li{ position: relative;}
.ilink-ico1,.ilink-ico2{ width: 48px; height: 48px; border-radius: 50%; float: left; display: block; background-color: #b2a89c;}
.ilink-ico1 i,.ilink-ico2 i{ width: 100%; height: 100%; display: block; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.ilink-ico1{ margin-right: 12px;}
.ilink-ico2{ position: relative;}
.ilink-ico2 .wx-box { position: absolute; z-index: 1; top: 50%; left: 140%; width: 120px; height: 120px; margin-top: -75px; padding: 15px; border: 1px solid #fff; border-radius: 15px; background: #fff; opacity: 0; visibility: hidden; box-shadow: 0 0 16px rgba(0, 0, 0, 0.22); transform: scale(0); transform-origin: 0% 50%; transition: all .5s; }
.ilink-ico2 .wx-box img { width: 100%; display: block;}
.ilink-ico2 .wx-box:before { content: ''; position: absolute; top: 50%; left: 0%; margin: -8px 0 0 -12px; border-right: 12px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; }
.ilink-ico2 .wx-box:after { content: ''; position: absolute; top: 50%; left: 0%; margin: -8px 0 0 -12px; border-right: 12px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; z-index: 1; }
.ilink-ico2 .black-30{ display: none;}
.ilink-ico2.act .wx-box { opacity: 1; visibility: visible; transform: none; }
.industry-link .moreBtn{ margin-top: 20px;}
.industry-info-t{ border-bottom: 1px solid #aaaaaa; padding-bottom: 28px;}
.industry-link2{ float: right; display: block;}
.industry-link2 .ilink-ico2 .wx-box { left: auto; right: 140%; transform-origin: 100% 50%; }
.industry-link2 .wx-box:before { left: auto; right: 0; margin: -8px -12px 0 0px; border-right: 0px none; border-left: 12px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; }
.industry-link2 .wx-box:after { left: auto; right: 0; margin: -8px -12px 0 0px; border-right: 0px none; border-left: 12px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; z-index: 1; }
.industry-link-img{ margin-left: -1%;}
.industry-link-img li{ float: left; display: block; width: 15.66%; margin:20px 0px 0px 1%;}
.industry-link-img figure{ border: 1px solid #cccccc; overflow: hidden;}
.industry-link-img figure img{ width: 100%; display: block;}
.industry-previous{ margin: 0;}
.industry-info-banner-box{ padding-top: 5%;}
.industry-info-banner{ position: relative; height: 584px;}
.industry-info-banner .item{ position: relative;}
.industry-info-banner .img{ position: relative; overflow: hidden;}
.industry-info-banner .img img{ width: 100%; display: block; height: 584px;}
.industry-info-banner .slick-active .img { -webkit-animation: imgIn 1s ; animation: imgIn 1s;}
.industry-info-banner .slick-active .img img { -webkit-animation: slideIn 1s; animation: slideIn 1s; }
.industry-info-banner .slick-arrow{ background:url(../images/fz_i2.png) repeat; width:69px; height: 69px; z-index: 105; top: 50%; margin-top: -35px;}
.industry-info-banner .slick-arrow i{ width: 100%; height: 100%; display: block; transition: 300ms; -webkit-transition: 300ms;}
.industry-info-banner .slick-prev{ left: -100px; }
.industry-info-banner .slick-next{ right: -100px;}
.industry-info-banner .slick-prev i{ background: url(../images/fz_ici1.png) no-repeat scroll center center;}
.industry-info-banner .slick-next i{ background: url(../images/fz_ici12.png) no-repeat scroll center center;}
.f30{ font-size: 30px; line-height: 1.5;}
.industry-info-page{ margin-bottom: 80px;}

.industrytwo6-page{ border-bottom: 1px solid #cccccc; padding-bottom: 40px; margin-bottom: 40px;}
.ipageT{ font-size: 24px; margin-bottom: 24px; line-height: 1.5; color: #d82e29;}
.isaleItem-list dd{ margin-bottom: 28px; background-color: #fff; position: relative;transition:0.43s;}
.isaleItem-list a:link, .isaleItem-list a:visited { color: #666666;}
.isaleItem-list a:active,.isaleItem-list a:hover { color: #977751;}  
.isaleItem-list .img{ overflow: hidden; }
.isaleItem-list .img img{ width: 100%; display: block;  transition: 600ms; -webkit-transition: 600ms; transform: scale(1.06); -webkit-transform: scale(1.06);}
.isaleItem-list .con{ padding: 22px 202px 22px 5%; position: relative;}
.isaleItem-list .con p{text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.isaleItem-list .con .t{ font-size: 24px; color: #666666;}
.isaleItem-list .con .c{ color: #666666;}
.isaleItem-list .moreBtn{ position: absolute; right: 5%; top: 40%;}
.isaleItem-list dd:hover .img img{transform: initial; -webkit-transform: initial;}
.isaleItem-list dd:hover{ box-shadow:0 0 29px rgba(0,0,0,0.33);}
.add-list{ padding: 50px 0px 0px;}
.add-list a:link, .add-list a:visited { color: #666;}
.add-list a:active,.add-list a:hover { color: #d82e29;}  
.add-list dd{ float: left; display: block; width: 32%; margin-right: 2%; position: relative; margin-bottom: 20px; transition:0.43s; -webkit-transition:0.43s; background-color: #fff; cursor: zoom-in;}
.add-list dd:nth-child(3n){ margin-right: 0;}
.add-list .img{ position: relative; overflow: hidden;}
.add-list .img img{ width: 100%; display: block;  transform:scale(1.05); -webkit-transform:scale(1.05); transition:0.6s; -webkit-transition:0.6s;}
.add-list dd:hover .img img{ transform:scale(1); -webkit-transform:scale(1);}
.add-list dd:hover{ box-shadow:0 0 21px rgba(0,0,0,0.33);}

/*industry style end*/
/*industrytwo2*/
.s_logo{ display:block; margin:0 auto; max-width:100%; }
.store-ctt{ background:#fff; }
.store-list .spicbox{ width:43%; float:left; }
.spicbox{ position:relative; }
.store-list .txts{ width:57%; float:left; }
.s-ti{ font-size:24px; line-height:1.4; color:#d82e29; }
.store-list .txts .pa{ padding:60px 60px 0 60px; }
.store-list .txts .s-ti{ margin-bottom:27px; line-height: 1.2;}
/*.tools a{ width:48px; height:48px; border-radius:100%; background:#b2a89c; display:block; float:left; margin-right:12px; background-repeat:no-repeat; background-position:center center; }
.tools .s1{ background-image:url(../images/rr_s_ico_1.png); }
.tools .s2{ background-image:url(../images/rr_s_ico_2.png); }
.tools a:hover{ background-color:#d82e29; }*/
.store-list .txts .tools{ margin-top:37px; }
.store-list .txts .freeTx{ max-height:168px; overflow:hidden; }
.spicslide .pic img{ transform:none; -webkit-transform:none; }
.spicslide .slick-arrow{ width:34px; height:34px; position:absolute; top:50%; margin-top:-17px; z-index:99;  }
.spicslide .slick-arrow i{ display:block; width:100%; height:100%; position:relative; }
.spicslide .slick-arrow:before{ content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,.7); transform:rotate(45deg); -webkit-transform:rotate(45deg); transition:300ms; -webkit-transition:300ms; } 
.spicslide .slick-prev{ left:18px; }
.spicslide .slick-next{ right:18px; }
.spicslide .slick-prev i{ background:url(../images/rr_sp_prev.png) no-repeat center center; }
.spicslide .slick-next i{ background:url(../images/rr_sp_next.png) no-repeat center center; }
.spicslide .slick-arrow:hover:before{ background:#d82e29; }
.spicbox .shadow,.hotel-list .shadow{ position:absolute; left:0; right:0; bottom:0; background:url(../images/rr_shadow.png) no-repeat center top; height:99px; z-index:99; background-size:100% 99px; }
.spicbox .actnum{ text-align:center; position:absolute; left:0; right:0; bottom:12px; color:#fff; z-index:99; }
.store-list li{ border-bottom:1px solid #cbcbcb; background:#fff; }
.store-list .item1 .spicbox,.store-list .item1 .txts{ float:left; }
.store-list .item2 .spicbox,.store-list .item2 .txts{ float:right; }
.brands-box{ padding:56px 75px 65px 65px; }
.brandsList li{ width:14.86%; margin-left:1.8%; margin-bottom:1.8%; float:left; }
.brandsList{ margin-left:-1.8%; }
.brandsList .pic img{ transform:none; -webkit-transform:none; }
.brandsList .pic{ border:1px solid #ccc; transition:300ms; -webkit-transition:300ms; }
.brandsList li:hover .pic{ border-color:#d82e29; }
.brands-box .s-ti{ margin-bottom:20px; }
.brandsList{ margin-top:40px; }
.store-ctt{ margin-top:50px; }
.spicslide .item{ position:relative; }
/*industrytwo2 end*/
/*industrytwo3*/
.b-ti .b-logo{ float:left; width:237px; max-width:100%; display:block; }
.b-ti .ti{ font-size:24px; color:#d82e29; float:left; line-height:49px; margin-left:35px; }
.b-ti .tools{ float:right; }
.b-ti .tools a{ margin-left:12px; margin-right:0; }
.build-box{ background:#fff; }
.b-ti .freeTx{ margin-top:27px; border-top:1px solid #ccc; padding-top:27px; }
.b-ti{ padding:57px 75px 46px 65px; }
.b-ti .b{ float:left; }
.spicbox2 .actnum{ right:8%; left:auto; }
.spicbox2 .nowti,.hotel-list .nowti{ position:absolute; left:8%; right:8%; bottom:12px; font-size:18px; color:#fff; z-index:99; text-align:center; }
/*industrytwo3 end*/
/*industrytwo4*/
.hnav a{ display:block; width:50%; float:left; color:#666; font-size:0; text-align:center; }
.hnav{ border:1px solid #958d85; }
.hnav .ico,.hnav .ti{ display: inline-block; *zoom: 1;*display: inline;vertical-align: middle; }
.hnav .ico{ height:56px; width:40px; background-position:center top; background-repeat:no-repeat; margin-right:3px; }
.hnav .ti{ font-size:14px; line-height:56px; }
.hnav .h1 .ico{ background-image:url(../img/rr_h_ico_1.png); }
.hnav .h2 .ico{ background-image:url(../img/rr_h_ico_2.png); }
.hnav a:hover .ti,.hnav a.act .ti{ color:#fff; }
.hnav a:hover,.hnav a.act{ background:#958d85; }
.hnav a:hover .ico,.hnav a.act .ico{ background-position:center bottom; }
.hotel-list dd{ width:32.53%; margin-left:0.8%; margin-bottom:2.2%; float:left; position:relative; color:#fff;  cursor: zoom-in;}
.hotel-list a{ color:#fff; }
.hotel-list{ margin-left:-0.8%; margin-top:60px; }
.hotel-list .shadow{ height:75px; background-size:100% 75px; }
.hotel-list .nowti{ left:15px; right:15px; font-size:14px; bottom:10px; }
.hotel-ctt{ background:#fff; margin-top:27px; }
.f-logo{ display:block; max-width:100%; }
.spicbox2 .f-logo{ position:absolute; left:60px; top:50px; z-index:99; }
.b-ti2{ border-bottom:1px solid #ccc; padding:0; padding-bottom:20px; }
.f-tx{ margin-top:60px; }
.f-tx.mt{ margin-top:35px; }
/*industrytwo4 end*/
/*hr style*/
.hrti { text-align: center; }
.hrti .ch { font-size: 30px; color: #372976; line-height: 1.4; }
.hrti .en { font-family: "pf_din_text_comp_proregular"; font-size: 18px; text-transform: uppercase; line-height: 1.1; color: #b5b4b3; margin-top: 6px; }
.ipnav { text-align: center; font-size: 0; padding: 18px 0; margin-top: 70px; }
.ipnav li { display: inline-block; *zoom: 1;
*display: inline;
vertical-align: middle; width: 150px; height: 150px; font-size: 20px; color: #fff; position: relative; margin: 0 32px; cursor: pointer; }
.ipnav p { position: relative; padding-top: 60px; }
.ipnav li:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); transition: 300ms; -webkit-transition: 300ms; }
.ipnav .ip1:before, .ipnav .ip1 span { background: #d82e29; }
.ipnav .ip2:before, .ipnav .ip2 span { background: #a12c47; }
.ipnav .ip3:before, .ipnav .ip3 span { background: #792b58; }
.ipnav .ip4:before, .ipnav .ip4 span { background: #462a70; }
.ipnav .ip5:before, .ipnav .ip5 span { background: #372976; }
.ipnav li:after { content: ""; position: absolute; left: 0; right: 0; height: 4px; background: url(../images/rr_hr_aw.png) no-repeat center bottom; bottom: 6px; transform: translateY(-10px); -webkit-transform: translateY(-10px); opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.ipnav li span { display: block; position: absolute; top: 0; bottom: 0; right: 0; left: 0; transform: rotate(45deg) scale(1.2); -webkit-transform: rotate(45deg) scale(1.2); opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.ipnav li:hover span { transform: rotate(45deg) scale(1); -webkit-transform: rotate(45deg) scale(1); opacity: 1; visibility: visible; }
.ipnav li.act span { transform: rotate(45deg) scale(1); -webkit-transform: rotate(45deg) scale(1); opacity: 1; visibility: visible; }
.ipnav li.act:after { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
.iptx { width: 900px; max-width: 100%; text-align: center; margin: 50px auto 0 auto; line-height: 2; }
.iptx li { display: none; transform: translateX(60px); -webkit-transform: translateX(60px); opacity: 0; visibility: hidden; transition: 700ms; -webkit-transition: 700ms; }
.iptx li.show { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; font-size:18px;}
.hr1 { padding: 5px 0 4px 0; }
.fixbg { background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }
.hrti.color-w .ch { color: #fff; }
.workSlide .wa { color: #666; background: #fff; display: block; margin: 0 13px; }
.pic { overflow: hidden; }
.pic > img ,.pic>a> img { display: block; width: 100%; transition: 600ms; -webkit-transition: 600ms; transform: scale(1.05); -webkit-transform: scale(1.05);}
.scapic:hover img { transform: initial; -webkit-transform: initial; }
.workSlide .wa .nowti { text-align: center; padding: 18px 10px; }
.workSlide .wa:hover .nowti { color: #e21e2d; }
.workSlide .slick-arrow { width: 22px; height: 49px; position: absolute; top: 50%; margin-top: -25px; z-index: 99; transition: 0ms; -webkit-transition: 0ms; }
.workSlide .slick-prev { background: url(../images/rr_w_prev.png) no-repeat left center; left: -44px; }
.workSlide .slick-next { background: url(../images/rr_w_next.png) no-repeat right center; right: -44px; }
.moreBtn3 { color: #fff; margin: 0 auto; }
.moreBtn3:before{ background-image: url(../images/more_bg.png);}
.moreBtn3:hover .txt{ color: #fff;}
.workSlide { margin: 64px auto 62px auto; }
.hr2 .fixbg { padding: 82px 0 124px 0; }
.workSlide .slick-prev:hover { background-position: right center; }
.workSlide .slick-next:hover { background-position: left center; }
.orIndro .t { font-size: 16px; font-weight: bold; }
.orIndro a { color: #977751; }
.orIndro .email { font-size: 15px; margin: 0 8px 0 11px; position: relative; }
.orIndro .email:before { content: ""; position: absolute; left: 0; right: auto; width: 100%; height: 1px; background: #977751; bottom: 0; transition: 400ms; -webkit-transition: 400ms; }
.orIndro .email:hover:before { width: 0; right: 0; left: auto; }
.orIndro { position: relative; /*padding-right: 240px;*/ margin-top: 46px; }
.setEmail { display: block; width: 222px; height: 38px; line-height: 38px; text-align: center; background: #977751; color: #fff !important; }
.setEmail:hover { background: #999; }
.orIndro .setEmail { position: absolute; right: 0; bottom: 6px; }
.orTable { margin-top: 36px; }
.orTable table { width: 100%; border: 1px solid #ccc; border-collapse: collapse; color: #333; }
.orTable table td { border: 1px solid #ccc; padding: 16px 28px; }
.orTable table th { background: #977751; text-align: left; color: #fff; font-weight: normal; padding: 10px 28px; }
.orTable table .r1 { width: 27.75%; }
.orTable table .r2 { width: 72.25%; }
.orTable table td:nth-child(2), .orTable table th:nth-child(2) { padding-left: 45px; padding-right: 45px; }
.orTable table a { color: #977751; margin-right: 58px; position: relative; }
.orTable table a:before { content: ""; width: 0; bottom: 0; height: 1px; background: #977751; left: auto; right: 0; transition: 300ms; -webkit-transition: 300ms; position: absolute; }
.orTable table a:hover:before { width: 100%; right: auto; left: 0; }
.hrPaging { padding: 75px 0 95px 0; }
.nowti { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.hrList{ margin: 25px 0px 0px;}
.hrList .hspan{ text-align:center;cursor:pointer; width: 13%; display: block; float: left; height: 50px; line-height: 50px;}
.hrList .hspan1{ text-align: left; padding-left: 5%; width: 17%;}
.hrList .hrdt{ background-color: #b1b1b1; color: #fff;}
.hrList dd{ margin-bottom: 3px; position: relative;}
.hrList .hrdt{ height: 50px; overflow: hidden;}
.hrList .hrT{ background-color: #f2f2f2; color:#666666;}
.hrList .hrT .hspan{ line-height: 50px; height: 50px;}
.hrList .ib{ width:16px; height:16px; margin: 17px auto 0px; display: block; position:relative; transition:400ms;-webkit-transition:400ms;}
.hrList .ib i{ display:block; background-color:#999999;}
.hrList .ib .ic1{ width:2px; height:16px; margin-left:7px;}
.hrList .ib .ic2{ width:16px; height:2px; position:absolute; left:0; top:50%; margin-top:-1px;}
.hrList .hrB{ border: 1px solid #dcbfa2; display: none;}
.hrList .hrCon{ width: 91%; margin: 0px auto; padding:30px 0px 50px; overflow: hidden;}
.hrList dd.active .hrT,.hrList dd:hover .hrT{ background-color:#977751; color: #fff;}
.hrList .active .ib i,.hrList dd:hover .ib i{ background-color: #fff;}
.hrList .active .ib{transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-moz-transform:rotate(90deg);}
.hrList .active .ib .ic2{ display: none;}
.hline { border-top: 1px solid #eeeeee; padding: 22px 0px 0; margin-top: 35px; }
.hline a:link, .hline a:visited { color: #977751; text-decoration: underline; }
.hline a:active, .hline a:hover { color: #212121; }
/*hr style end*/
/*wing style*/
.service-ul{ padding: 0px 0px 10px;}
.service-ul dd{ padding-bottom: 0;}
.service-ul .txt{ height: 64px; overflow: hidden; line-height: 64px; text-align: center; padding: 0px 5%; text-overflow: ellipsis; white-space: nowrap;}
.wingBox { padding: 48px 0 63px 0; }
.pbg { background: #f9fafc; }
.yyPageNav { padding: 8px 15px; background: #fff; }
.yyPageNav a { float: left; color: #666; line-height: 25px; padding: 5px 36px; margin-left: -1px; position: relative; transition: background 300ms; -webkit-transition: background 300ms; }
.yyPageNav a:before { content: ""; height: 14px; width: 1px; background: #ccc; position: absolute; top: 50%; margin-top: -7px; right: 0; transition: 300ms; -webkit-transition: 300ms; }
.yyPageNav a:last-child:before{ display: none;}
.yyPageNav a:hover{ color: #d82e29;} 
.yyPageNav a.active { background: #aca094; color: #fff; }
 .yyPageNav a.active:before { background: #aca094; }
.mywingtx { background: #fff; margin-top: 17px; padding: 0 70px 58px 80px; }
.witi { line-height: 1.4; font-size: 30px; color: #d82e29; }
.freeTx { text-align: justify; line-height: 2; }
.wingIntro .txts { float: left; width: 68%; }
.wingIntro .txts .freeTx { margin-top: 25px; }
.wingIntro .pic { width: 21.7%; float: right; margin-top: 22px; }
.serviceList li { width: 33.33%; float: left; height: 230px; overflow: hidden; color: #fff; text-align: center; }
.serviceList .sv1 { background: #b2926e; }
.serviceList .sv2 { background: #958d85; }
.serviceList .sv3 { background: #bab3ab; }
.serviceList .ico { width: 76px; height: 76px; border: 1px solid #fff; margin: 0 auto; border-radius: 100%; display: block; background-repeat: no-repeat; background-position: center center; margin-bottom: 11px; }
.serviceList .sv1 .ico { background-image: url(../images/rr_wing_ico_1.png); }
.serviceList .sv2 .ico { background-image: url(../images/rr_wing_ico_2.png); }
.serviceList .sv3 .ico { background-image: url(../images/rr_wing_ico_3.png); }
.serviceList .ti { font-size: 18px; line-height: 1.4; margin-bottom: 4px; }
.serviceList .pa { padding: 25px 40px 0 40px; }
.serviceList li:hover .ico { -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
.serviceList { margin-top: 45px; }
.wing1 { padding: 75px 0 0 0; }
.ccList .freeTx { margin-left: 40%; }
.ccList li { position: relative; }
.ccList .picbox { width: 40%; position: absolute; top: 0; left: 0; bottom: 0; }
.ccList .picbox img { vertical-align: middle; height: auto; width: auto; max-height: 100%; max-width: 90%; margin: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; }
.ccList .freeTx .ti { font-weight: bold; color: #d82e29; }
.ccList .freeTx { padding: 37px 30px 40px 30px; border-left: 1px solid #d2d2d2; }
.ccList li { border-bottom: 1px solid #d2d2d2; }
.ccList { border: 1px solid #d2d2d2; border-bottom: none; margin-top: 16px; }
.ccList .cc1 .picbox { background: #f9fafc; }
.ccList .cc2 .picbox { background: #faf5e8; }
.wing2 { padding: 60px 0 0 0; }
.msImg { display: block; width: 100%; margin-top: 32px; }
.wing3 { padding: 60px 0 0 0; }
.handleCard { display: block; width: 305px; height: 49px; line-height: 49px; color: #fff; margin: 55px auto 0 auto; background-color: #977751; text-align: center;}
.handleCard span { padding-left: 50px; color: #fff; background: url(../images/rr_hc_ico.png) no-repeat 0px center; display: inline-block;}
.handleCard:hover { background-color: #999; }
.msTelBox { border-top: 1px solid #ccc; padding-top: 30px; margin-top: 66px; }
.msTelBox .tel { font-size: 16px; padding-left: 50px; position: relative; }
.msTelBox .tel:before { content: ""; position: absolute; width: 35px; height: 35px; left: 0; top: 50%; margin-top: -17px; background: url(../images/rr_tel.png) no-repeat center center; }
.msTelBox .tel a { color: #666; cursor: auto; }
.msTelBox .tel em { font-style: normal; font-size: 18px; color: #a0723e; margin-right: 12px; }
.msTelBox .tel span { margin: 0 15px; }
.maIntro { margin-top: 50px; }
.maList .scapic { display: block; width: 31.33%; margin-left: 2%; margin-bottom: 2.5%; float: left; color: #666; background: #fff; padding-bottom: 14px; }
.maList { margin: 63px 0 8px -2%; }
.maList .tx { line-height: 18px; height: 36px; text-align: center; margin-top: 14px; padding: 0 30px; overflow: hidden;}
.maList .scapic:hover { box-shadow: 0 0 20px rgba(0,0,0,.2); }
.maList .scapic:hover .tx { color: #d82e29; }
.paging { background: #aca094; padding: 10px 0; position: relative; text-align: center; }
.paging a { padding: 0px 6px; height: 22px; color: #fff; line-height: 22px; text-align: center; display: inline-block; *zoom: 1;*display: inline;vertical-align: middle; margin: 0 6px; }
.paging a.act, .paging a:hover { background-color: #8d7e70; }
.paging .prev, .paging .next { margin: 0; display: block; position: absolute; top: 0; height: 100%; bottom: 0; width: 60px; padding: 0; background-repeat: no-repeat; background-position: center center; }
.paging .prev { left: 0; background-image: url(../images/rr_pager_prev.png); }
.paging .next { background-image: url(../images/rr_pager_next.png); right: 0; }
.ombox { background: #fff; padding:56px 0 78px 70px; margin-top:20px; }
.ombox .ti{ font-size:24px; color:#d82e29; line-height:1.4; margin-bottom:17px; }
.omForm .s-input,.omForm .s-textarea{ font-size: 14px; display:block; line-height:24px; border:1px solid #d1d1d1; padding:15px 25px; color:#666; transition:300ms; -webkit-transition:300ms; }
.omForm .clearfix .s-input{ width:465px; float:left; margin-right:20px; }
.omForm .clearfix .s-input:last-child{ margin-right:0; }
.omForm .s-textarea{ width:1002px; height:96px; resize: none;}
.omForm li{ margin-bottom:15px; overflow:hidden; }
.omForm .ma{ width:180px; border:1px solid #d1d1d1; float:left; overflow:hidden; height:54px; }
.omForm .ma img{ display:block; width:100%; }
.subBtn{border: 0px none; width:132px; height:49px; line-height:49px; text-align:center; display:block; background:#977751; color:#fff; cursor:pointer; margin-top:20px; transition:300ms; -webkit-transition:300ms; }
.subBtn:hover{ background:#666; }
.omForm .s-input:focus,.omForm .s-textarea:focus{ border-color:#977751; }
.omForm{ margin-top:22px; }
.cta-banner{ position: relative; overflow: hidden;}
.cta-banner .load-img2{ position: absolute; display: block; width: 100%;}
.cta-banner .pinner{ width:1200px; left:50%; margin-left:-600px; bottom:53%; }
.ctabox{ background:#fff; position:relative; z-index:99; margin-top:-20%; }
.ctabox .pa{ padding:60px 100px 100px 100px; }
.ctaList .namebox{ width:33%; float:left; }
.ctaList .ti{ font-size:20px; color:#333; line-height:1.4; padding-right:20px; }
.ctaList .ctas{ width:49%; float:left; }
.ctaList .ctas .citme{ color:#666; line-height:25px; display:block; position:relative; padding-left:40px; margin-bottom:11px; padding-right:20px; } 
.ctaList .ctas .citme:before{ width:40px; height:25px; position:absolute; top:0; left:0; content:""; background-repeat:no-repeat; background-position:left center; }
.ctaList .ctas .c1:before{ background-image:url(../images/rr_cta_ico_1.png); }
.ctaList .ctas .c2:before{ background-image:url(../images/rr_cta_ico_2.png); }
.ctaList .ctas .c3:before{ background-image:url(../images/rr_cta_ico_3.png); }
.ctaList .ctas a:hover{ color:#d82e29; }
.ctaList .mabox{ width:18%; float:left; }
.ctaList .mabox .ma{ width:96px; text-align:center; line-height:1.4; max-width:100%; }
.ctaList .mabox .ma img{ display:block; width:100%; }
.ctaList li{ border-bottom:1px solid #ccc; padding:60px 0 36px 0; }
.ctaList{ border-top:2px solid #333; }
.ctaArea{ padding-bottom:75px; }
.ctaList .ctas a:hover:before{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
.wingshowBox{ position: relative; padding:60px 70px; margin: 0px auto; width: 300px; background-color: #fff; text-align: center; color: #d82e29; font-size: 18px; box-shadow: 0 0 20px rgba(0,0,0,0.1); border: 1px solid #f9fafc; -webkit-transform: scale(0.7);-moz-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7);opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.wingshowBox .open-box-close{ background: url(../images/close_i2.png) no-repeat scroll center center; width: 45px; height: 45px; display: block; position: absolute; right: 0px; top: 0px;}
.open-box .wingshowBox {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}
.open-box  .open-modal {opacity: 1;visibility: visible;}
.open-modal{ position: fixed; left: 0px; top: 0px; overflow-y: auto; right: 0px; bottom: 0px; z-index: 1200;opacity: 0;background: url(../images/black_50.png.png) repeat;background:none rgba(0,0,0,0.5);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;-webkit-overflow-scrolling:touch; display: none; }
.align-vertical{ height: 100%; width: 100%; position: relative; display: table;}
.vertical-inner{display:table-cell; vertical-align: middle;}
/*wing end*/
/*add join style*/
.recruitment-list{ padding: 45px 0px 0px;}
.recruitment-list a:link, .recruitment-list a:visited { color: #666666;}
.recruitment-list a:active,.recruitment-list a:hover { color: #d82e29;}  
.recruitment-list dd{ float: left; display: block; width: 32%; margin-right: 2%; position: relative; margin-bottom: 25px; transition:0.43s; -webkit-transition:0.43s; background-color: #fff;}
.recruitment-list dd:nth-child(3n){ margin-right: 0;}
.recruitment-list .img{ position: relative; overflow: hidden;}
.recruitment-list .img img{ width: 100%; display: block;  transform:scale(1.05); -webkit-transform:scale(1.05); transition:0.6s; -webkit-transition:0.6s;}
.recruitment-list .txt{ line-height: 1.5; overflow: hidden; text-align: center; padding: 15px 5% 20px; text-overflow: ellipsis; white-space: nowrap;}
.recruitment-list dd:hover .img img{ transform:scale(1); -webkit-transform:scale(1);}
.recruitment-list dd:hover{ box-shadow:0 0 21px rgba(0,0,0,0.33);}
.recruitment-list dd:hover .txt{ color: #d82e29;}
.recruitment-info{ background-color: #f2f2f2; padding: 30px 55px;}
.recruitment-select-box{ margin-top: 35px;}
.recruitment-select{ float: left; display: block; width: 60%;}
select.mar-sel { padding: 10px 26px 10px 8px; line-height: 18px; vertical-align: middle; border: 1px solid #959595; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: "Microsoft JhengHei"; color: #666666; font-size: 14px; font-family: "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",helvetica,arial; cursor: pointer; float: left; display: block; margin:0px 2% 25px 0px; width: 40%; border-radius: 0;}
select.mar-sel option { padding: 2px 2%; box-sizing: border-box; }
select.mar-sel:hover { color: #101010; }
.csstransitions select.mar-sel { background: url(../images/link_select_ico2.png) no-repeat scroll 95% center; }
.recruitment-serach{ float: right; display: block; width: 200px; padding:0 88px 0 0; position: relative;}
.recruitment-serach .txt{ width: 80%; padding: 10px 10%; border: 1px solid #959595; border-right: 0px none; height: 22px; line-height: 22px;}
.recruitment-serach .btn{ position: absolute; right: 0; top: 0; width: 88px; text-align: center; height: 100%; line-height: 42px; color: #fff; background-color: #977751;}
.recruitment-serach .btn:hover{ background-color: #733E1F;}
.recruitment-serach .txt:focus{ border-color: #977751;}
.recruitment-select-t{ padding-top: 40px; color: #333333; font-size: 18px;}
.recruitment-select-t .en{ margin-left: 10px; color: #b5b4b3; font-family: "pf_din_text_comp_proregular"; text-transform: uppercase;}
.join-box-btn{ padding-top: 30px;}
.join-box-btn .btn{ float: left; display: block; background-color: #977751; color: #fff; padding: 10px 40px; margin-right: 30px;}
.join-box-btn .btn .txt{ background: url(../images/join_i0.png) no-repeat scroll left center; padding-left: 34px; display: inline-block;}
.join-box-btn .btn1 .txt{ background-image: url(../images/join_i1.png);}
.join-box-btn .btn2 .txt{ background-image: url(../images/join_i2.png);}
.join-box-btn .btn3 { margin-right: 0;}
.join-box-btn .btn3 .txt{ background-image: url(../images/join_i3.png);}
.join-box-btn .btn:hover{ background-color: #3C1605;}
.join-page-bg{ background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.5);}
.join-form{ width: 744px; background-color: #fff; border: 1px solid #cacaca; padding: 35px 80px 75px; margin: 0px auto;}
.join-form .t{ font-size: 30px; color: #977751; background: url(../images/join_bm.png) no-repeat scroll left top; padding-left: 70px; border-bottom: 1px solid #977751; padding-bottom: 24px; line-height: 1.4;}
.join-form .line{ border-bottom: 1px solid #977751; margin-top: 2px; margin-bottom: 35px;}
.jfitem{ background-color: #f1f1f1; padding: 14px 18px 14px 70px; position: relative;}
.jfitem-2{ padding-left: 108px;}
.jfitem .jftxt{ width: 100%; height: 20px; line-height: 20px; border: 0px none; padding: 0; margin: 0; color: #666666; display: block;}
.jfitem .name{ position: absolute; left: 16px; color: #666666; top: 26%;}
.jformlist dd{ margin-top: 18px; float: left; display: block; width: 47%; margin-right: 6%;}
.jformlist dd.jfitem-ddr{ margin-right: 0;}
.jformBox2-t{ font-weight: bold; font-size: 18px; color: #977751; padding-bottom: 12px; border-bottom: 3px solid #dfdfdf; margin: 36px 0px;}
.jformBox2 .jformlist dd{ margin-top: 0; margin-bottom: 5px;}
.jformBox2 .title{ padding: 8px 0px; line-height: 1.5;}
.jformlist2 dd{ margin-bottom: 5px;}
.jfitem-bg{ background-color: #f1f1f1; padding: 14px 18px;}
.jfitem-bg .jftxt{ width: 100%; height: 20px; line-height: 20px; border: 0px none; padding: 0; margin: 0; color: #666666; display: block;}
.jfitem-bg .jftext{  width: 100%; line-height: 1.8; height: 90px; resize: none; border: 0px none; padding: 0; margin: 0; color: #666666; display: block;}
.bge8e7e7{ background-color: #e8e7e7;}
.add-jform-box{ padding: 22px 0px 35px;}
.add-jform-btn{ background: url(../images/jmore.png) no-repeat scroll left center; padding:4px 0px 4px 35px; display: inline-block;}
.add-jform-btn:hover { background-image: url(../images/jmore2.png);}
.add-jform-btn:hover .txt{ color: #3C1605;}
.jf-yzm-box{ position: relative; padding-right: 194px;}
.jf-yzm-box .yzmlink{ display: block; position: absolute; right: 0; top: 0; width: 182px; border: 1px solid #D1D1D1; display: block;}
.jf-yzm-box .yzmlink img{ width: 100%; display: block;}
.jf-yzm-box .yzmtxt{ padding: 17px 5%; border: 1px solid #D1D1D1; width: 90%;}
.jf-yzm-box .yzmtxt:focus{ border-color: #977751;}
.jformBtn{ display: block; width: 100%; padding: 14px 0px; margin-top: 22px; color: #fff; background-color: #977751; text-align: center; }
.jformBtn .txt{ color: #fff;}
.jformBtn:hover{ background-color: #3C1605;}
.jfitem-line{ margin: 25px 0px 20px; height: 1px; background-color: #dfdfdf;}
.campusImg{ margin-top: 40px; overflow: hidden;}
.campusImg img{ width: 100%; display: block;}
.campus-demo{ margin: 35px auto 0px; width: 1024px;}
.campus-demo .item{ float: left; position: relative; overflow: hidden; margin: 0px 12px; cursor: zoom-in;}
.campus-demo .img{ overflow: hidden;}
.campus-demo .img img{ width: 100%; display: block; transform:scale(1.05); -webkit-transform:scale(1.05); transition:0.6s; -webkit-transition:0.6s;}
.campus-demo .item:hover .img img{ transform:scale(1); -webkit-transform:scale(1);}
.campus-demo .slick-arrow { width: 22px; height: 49px; position: absolute; top: 50%; margin-top: -25px; z-index: 99; transition: 300ms; -webkit-transition: 300ms; }
.campus-demo .slick-prev { background: url(../images/rr_w_prev2.png) no-repeat left center; left: -44px; }
.campus-demo .slick-next { background: url(../images/rr_w_next2.png) no-repeat right center; right: -44px; }
.campus-demo .slick-prev:hover { background-position: right center; }
.campus-demo .slick-next:hover { background-position: left center; }
.campus-demo .slick-prev.slick-disabled:hover{ background-position: left center;}
.campus-demo .slick-next.slick-disabled:hover{ background-position: right center;}
.campusPage{ margin-top: 50px;}
.campusPage .t{ font-size: 28px; font-weight: normal; color: #333; line-height: 1.5; margin-bottom: 26px;}
.campusPage .t2{ font-size: 18px; color: #333; margin-bottom: 10px;}
.campusPage table{ border-collapse:inherit;  width: 100% !important; }
.campusPage table td,.campusPage table th{  padding: 12px 3% !important; margin: 0px 0px!important;}
.campusPage table tr:nth-of-type(even){ background-color: #f9f9f9;}
.campusBtn{  display: block; background-color: #d82e29; color: #fff; padding: 18px 0px; margin-top: 60px; text-align: center;}
.campusBtn .txt{ background: url(../images/join_i4.png) no-repeat scroll left center; padding-left: 34px; display: inline-block;}
.campusBtn:hover{ background-color: #3C1605;}
.jfitem-line2{ border-bottom: 3px solid #dfdfdf; margin-bottom: 36px; height: 0px; overflow: hidden;}
/*add join style end*/
/*serach style*/
.serachPage{ min-height:100vh; min-height: -moz-calc(100vh - 84px); min-height: -webkit-calc(100vh - 84px);  min-height: calc(100vh - 84px); }
.pbanner2 { position:relative;background-color:#bab3ab; padding: 45px 0px 65px;}
.serachT {font-size:18px;color:#fff;padding:0px 2%;}
.serach-banner-box {position:relative;z-index:1;color:#fff; }
.serach-banner-box ::-webkit-input-placeholder {color:#fff;　}
.serach-banner-box :-moz-placeholder {color:#fff;}
.serach-banner-box ::-moz-placeholder {color:#fff;}
.serach-banner-box :-ms-input-placeholder {color:#fff;}
.serach-banner-box .t {font-size:28px;padding-bottom:8px;}
.serach-banner {position:relative;width:448px;padding:16px 84px 16px 24px;background-color:#d82e29;height:24px;line-height:24px;}
.serach-banner .txt {border:0px none;height:24px;line-height:24px;padding:0px;margin:0px;width:100%;background-color:transparent;font-size:14px;color:#fff;font-family:"microsoft yahei";}
.serach-banner .btn {position:absolute;right:0px;top:0px;width:84px;height:100%;background-color:#d82e29;}
.serach-banner .btn i {width:26px;height:26px;background:url(../images/serach_bg2.png) no-repeat scroll center center;background-size:cover;display:block;margin:15px auto;}
.serach-banner .btn:hover {background-color:#866135;}
.serachList a:link,.serachList a:visited {color:#333;}
.serachList a:active,.serachList a:hover {color:#d82e29;}
.serachList {padding:15px 0px 40px;}
.serachList dd {background-color:#F2F2F2;margin-bottom:4px;color:#333; transition: 0.3s;}
.serachList a {display:block;padding:12px 2%;line-height:1.4;}
.serachList .w-search-txt {color:#B07D41; font-size:16px;}
.search-t .r .xg {font-family:arial;color:#F28E00;}
.serachList dd:hover{ background-color:#DEDEDE;}
/*serach style end*/



@media screen and (min-width:641px){
	.siteMap-list a{ position: relative;}
	.siteMap-list a:before{ content:""; width:100%; height:1px; background-color:#d82e2e; position:absolute; left:0; bottom:-2px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
	.siteMap-list a:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
}
@media screen and (min-width:1025px){
	.partnerIdemo .slick-arrow:hover{ background-color: #fff; border-color: #fff;}
	.fixedImg { background-attachment: fixed;}
	.moreBtn:hover:before{ /*transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;*/ width: 100%;}
	.speech-Pbox .more:hover{ background-color: #d82e2e;}
	/*.industry-list li:hover,.industry-list li.now{ width:50%;}
	.industry-list li.sible{ width:25%;}*/
	.industry-list li:hover .industry-item:before{ transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1); transform-origin:left top; -webkit-transform-origin:left top; visibility:visible\9;}
	.industry-list li:hover .industry-item .ico { margin-top: 54px;}
	.industry-list li:hover .industry-item .ico .i1{ display: none;}
	.industry-list li:hover .industry-item .ico .i2{ display: block;}
	.industry-list li:hover .industry-item .ico i{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
	.industry-list li:hover .industry-item .t{ font-size: 18px; margin-bottom: 0; color: #d82e2e;}
	.industry-list li:hover .industry-item .en{ opacity: 0; visibility: hidden;}
	.industry-list li:hover .industry-item .by,.industry-list li:hover .industry-item .moreBtn{ opacity: 1; visibility: visible; transition-delay: 200ms; -webkit-transition-delay: 200ms;}
	.industry-list-one li:hover .filler-left { height: 94%; }
	.industry-list-one li:hover .filler-right { height: 94%; }
	.industry-list-one li:hover .filler-top { width: 96%; }
	.industry-list-one li:hover .filler-bottom { width: 96%; }
	.industry-list-one li:hover img{ transform: inherit; -webkit-transform: inherit;}
	.industry-list-one li:hover .black-20{ opacity: 1; visibility: visible;}
	.industry-list-one li:hover .ico{-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1;}
	.industry-list-one li:hover .zh{ color: #d82e2e;}
	.industry-list-two{ perspective:600px; -webkit-perspective:600px; -moz-perspective:600px;}
	.industry-list-two dd{ opacity:0; transform:rotateY(-45deg); -webkit-transform:rotateY(-45deg); -moz-transform:rotateY(-45deg); transition:0.65s; transform-origin:center bottom 0;}
	.action.industry-list-two dd{ opacity:1; transform:rotateY(0); -webkit-transform:rotateY(0); -moz-transform:rotateY(0); transition:0.65s 0.1s; -webkit-transition:0.65s 0.1s;}
	.action.industry-list-two dd:nth-child(2){ transition:0.65s 0.2s; -webkit-transition:0.65s 0.2s;}
	.action.industry-list-two dd:nth-child(3){ transition:0.65s 0.4s; -webkit-transition:0.65s 0.4s;}
	.action.industry-list-two dd:nth-child(4){ transition:0.65s 0.6s; -webkit-transition:0.65s 0.6s;}
	.action.industry-list-two dd:nth-child(5){ transition:0.65s 0.8s; -webkit-transition:0.65s 0.8s;}
	.action.industry-list-two dd:nth-child(6){ transition:0.65s 1s; -webkit-transition:0.65s 1s;}
	.industry-list-two dd:hover figure img{ transform:scale(1); -webkit-transform:scale(1);}
	.industry-list-two dd:hover .ico{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
	.industry-list-two dd:hover .i1{ display: none;}
	.industry-list-two dd:hover .i2{ display: block;}
	.industry-list-two dd:hover .con{ background-color: #977751; margin-bottom: 0;}
	.industry-list-two dd:hover .zh{ color: #fff;}
	.industry-list-two dd:hover .en{ color: #fff;}
	.industry-list-two dd:hover .moreBtn{ opacity: 1; visibility: visible;}
	.industry-info-banner .slick-prev:hover,.industry-info-banner .slick-next:hover{ background-image:url("../images/fz_i1.png")/*tpa=http://www.yongyigroup.cn/images/fz_i1.png*/; }
	.industry-info-banner .slick-prev:hover i{ transform: translateX(-5px); -webkit-transform: translateX(-5px); background-image:url("../images/fz_ici11.png")/*tpa=http://www.yongyigroup.cn/images/fz_ici11.png*/; }
	.industry-info-banner .slick-next:hover i{ transform: translateX(5px); -webkit-transform: translateX(5px); background-image:url("../images/fz_ici121.png")/*tpa=http://www.yongyigroup.cn/images/fz_ici121.png*/; }
	.ilink-ico1:hover,.ilink-ico2:hover{ background-color: #A0723E;}
}
@media screen and (min-width:1921px){
	.iboxInner{ width: 1640px;}
	.pinner{ width: 1520px;}
	.pbanner-C{ left: 50%; margin-left: -760px;}
}
@media screen and (max-width:1600px){
	.industryIDemo .con{ top: 16%;}
	.industryINav .itemC{ padding: 60px 30px 0px;}
	.pbanner-C .c{ font-size: 34px;}
	.speech-Pbox .t{ font-size:50px;}
	.speech-Pbox .c{ font-size: 16px;}
	.speech-Pbox .qm img{ width: 200px;}
	.survey-title .year{ font-size: 140px;}
	.survey-title .zh{ font-size: 24px;}
	.survey-plist .num{ font-size: 60px;}
	.pboxT .t{ font-size: 22px;}
	.pboxT .by{ font-size: 30px;}
	.memorabiliaPbox{ padding-top: 110px;}
	.pboxT2 .zh{ font-size: 26px; }
	.pboxT2 .en{ font-size: 16px; }
	.honor-pbox-bg{ padding: 100px 0px 65px;} 
	.honor-pbox-bg .title img{ margin: 0px auto; width: 160px;}
	.honor-pbox-bg .t{ font-size: 30px;}
	.honor-pbox-bg .c{ margin-bottom: 60px;}
	.responsibility-pbox{ padding: 100px 0px;}
	.structure-list .t{ font-size: 20px;}
	.pageC-zh{ font-size: 26px;}
	.industry-Page{ padding: 100px 0px 80px;}
	.industry-Page .t{ font-size: 26px;}
	.industry-Page .by{ font-size: 32px;}
	.industrys,.industry-list li figure,.industry-list li figure img{ height: 600px;}
	.industry-list-one .con{ width: 40%;}
	.industry-list-one .con .zh{ font-size: 22px;}
	.industry-list-one .con .ico{ width: 70px;}
	.industry-list-one .con .c{ margin-bottom: 20px;}
	.industry-list-one .oneItem .con{ left: 55%;}
	.industry-list-one .twoItem .con{ left: 5%;}
	.f30{ font-size: 26px;}
}
@media screen and (max-width:1441px){
	.header{ height: 62px;}
	.logo{ left: 2%;}
	.logo a{ height: 32px; padding: 15px 0px;}
	.top-sider{ margin-left: 30px;}
	.serach-btn,.menuItem{ width: 62px; height: 62px;}
	.menu-handler{ width: 62px; height: 62px;}
	.menu-handler .burger{ top: 20px;}
	.menu-handler .burger-2 { top: 29px; }
	.menu-handler .burger-3 { top: 38px; }
	.menu-handler.active .burger-1 { top: 29px; }
	.menu-handler.active .burger-3 { top: 29px;}
	.nav{ padding: 15px 0px; line-height: 32px; font-size: 14px;}
	.nav li{ margin: 0px 0px 0px 20px;}
	.siteMap-nav{ top: 62px;}
	.link-select-box{ width: 220px;}
	.inner{ width: 1100px;}
	.binbox{ bottom: 52px;}
	.binbox .t{ font-size: 30px;}
	.binbox .en{ font-size: 16px;}
	.binbox .con{ height: 140px;}
	.banner .slick-arrow{ bottom: 260px;}
	.mouseIco{ bottom: 47px;}
	.banner .bot{ height: 3px;}
 	.aboutIbox .con{ top: 10%;}
	.aboutIbox .t{ font-size: 16px;}
	.aboutIbox .by{ font-size: 24px;}
	.numList .num{ font-size: 60px;}
	.industryIDemo .con{ top: 15%;}
	.industryIDemo .t{ font-size: 16px;}
	.industryIDemo .by{ font-size: 24px;}
	.industryINav .itemC{ padding: 35px 30px 0px; height: 220px;}
	.industryINav .addico{ margin-bottom: 5px;}
	.newIbox{ width: 54%; padding-top: 60px; height: 582px;}
	.newIbox-first .img{ width: 200px; height: 118px; margin-right: 25px;}
	.newIbox-list .time{ font-size: 15px;}
	.newIbox-list li a{ height: 32px; line-height: 32px; font-size: 13px;}
	.fashionIbox{ width: 38%; padding-top: 60px; height: 582px;}
	.fashionIbox-item{ height: 120px; padding-left: 108px;}
	.fashionIbox-item .img{ width: 84px; height: 120px;}
	.fashionIbox-item .t{ margin-top: 32px;}
	.fashionIbox-item .time{ font-size: 14px;}
	.fashionIbox-item .btn{ width: 90px; margin-top: 8px;}
	.fashionIbox-list1 .fashionIbox-item{ height: 110px; padding-left: 187px;}
	.fashionIbox-list1 .fashionIbox-item .img{ width: 152px; height: 110px;}
	.pinner{ width: 86%;}
	.pbanner-C{ left: 7%;}
	.pbanner-C .c{ font-size: 26px;}
	.speech-Pbox .con{ right: 7%;}
	.speech-Pbox .t{ font-size:46px;}
	.surveyPCon{ padding: 140px 0 120px;}
	.survey-plist{ right: 7%;}
	.survey-plist li{ padding: 30px 1%;}
	.survey-plist .num{ font-size: 50px;}
	.pboxT .t{ font-size: 20px;}
	.pboxT .by{ font-size: 28px;}
	.memorabiliaPbox{ padding-top: 100px;}
	.pboxT2 .zh{ font-size: 24px; }
	.pboxT2 .en{ font-size: 14px; }
	.structure-pbox .con{ left: 7%; width: 38%;}
	.honor-pbox-bg{ padding: 80px 0px;} 
	.honor-pbox-bg .title img{ width: 140px;}
	.honor-pbox-bg .t{ font-size: 26px;}
	.honor-pbox-bg .c{ margin-bottom: 50px;}
	.responsibility-pbox-bg{ margin-left: 7%; width: 38%;}
	.responsibility-pbox{ padding: 80px 0px;}
	.pageC-zh{ font-size: 24px;}
	.pagePading{ padding: 55px 0px;}
	.pagePading2{ padding: 55px 0px;}
	.newlist{ width: 1154px;}
	.videspan{ padding: 20px 12px;}
	.videspan span{ font-size: 16px;}
	.service-ul .txt{ height: 54px; line-height: 54px;}
	.industry-Page .t{ font-size: 24px;}
	.industry-Page .by{ font-size: 28px;}
	.industrys,.industry-list li figure,.industry-list li figure img{ height: 500px;}
	.industry-item{ width: 300px; padding: 10px; height: 282px; margin: -151px 0px 0px -160px;}
	.industry-list-one .con .zh{ font-size: 20px;}
	.industry-list-one .con .ico{ width: 60px;}
	.industryList-tbox .con{ width: 75%;}
	.industryList-tbox .img{ width: 17%;}
	.industryList-tbox .t{ font-size: 20px;}
	.industryList-tdemo .slick-prev { left: -30px;}
	.industryList-tdemo .slick-next{ right: -30px;}
	.f30{ font-size: 24px;}
	.workSlide .slick-prev { left: -30px; }
	.workSlide .slick-next { right: -30px; }
	.store-list .txts .pa { padding: 47px 40px 0 40px; }
	.store-list .txts .tools { margin-top: 32px; }
	.store-list .txts .s-ti { margin-bottom: 22px; }
	.brands-box { padding: 56px 55px 65px 55px; }
	.b-ti { padding: 57px 55px 46px 55px; }
	.b-ti2 { padding: 0; padding-bottom: 20px; }
	.serachPage{ min-height:100vh; min-height: -moz-calc(100vh - 62px); min-height: -webkit-calc(100vh - 62px);  min-height: calc(100vh - 62px); }
}
@media screen and (max-width:1260px){
	.logo img.img1{ display: none;}
	.logo img.img2{ display: block;}
	.iboxInner{ width: 90%;}
	.iboxT .zh, .iboxT .en{ font-size: 22px;}
	.aboutIbox .by{ font-size: 20px;}
	.numList .num{ font-size: 50px;}
	.aboutIbox .i{ width: 100%; font-size: 13px; height: 70px; margin: 3% 0 6%;}
	.numList li{ margin-right: 30px;}
	.industryIDemo .con{ top: 8%;}
	.industryINav .itemC{ padding: 25px 30px 0px; height: 200px;}
	.industryINav .t{ font-size: 15px;}
	.industryINav .addico{ margin-bottom: 0px;}
	.industryIDemo .by{ font-size: 20px;}
	.inner,.inner1000{ width: 900px;}
	.speech-Pbox .t{ font-size:40px;}
	.speech-Pbox .c{ font-size: 14px;}
	.survey-plist{ right: 0;}
	.newlist{ width:940px; left:-20px;}
	.newlist li{ width:50%;}
	.newlist li a{ margin:0 20px;}
	.nview{ padding-top:59px;}
	.newview{ margin-top:0;}
	.listPage{ padding: 40px;}
	.fashion-item{ margin: 0 0 0 35px;}
	.fashionlist li:nth-child(odd) .fashion-item{ margin:0px 35px 0px 0;}
	.fashionlist1 .fashion-item{ height: 104px; padding: 0 10px 0 162px;}
	.fashionlist1 .fashion-item .img{ width: 140px; height: 100px;}
	.fashionlist1 .fashion-item .t{ margin-top: 8px;}
	.fashion-item .btn{ margin-top: 8px;}
	.industry-item{ width: 260px; padding: 10px; height: 262px; margin: -141px 0px 0px -140px;}
	.industry-item .ico{ margin-top: 40px;}
	.industry-list li:hover .industry-item .ico { margin-top: 34px;}
	.industry-Page .t{ font-size: 22px;}
	.industry-Page .by{ font-size: 24px;}
	.industry-list-one .con .zh{ font-size: 18px;}
	.industry-list-one .con .ico{ width: 50px;}
	.industry-list-one .con .c{ margin-bottom: 15px;}
	.industryList-tbox .ico img{ width: 70px;}
	.industryList-tbox .img p{ width: 90%;}
	.industry-two-ul .con .c{ margin-bottom: 30px;}
	.industry-info-banner .slick-prev{ left: -35px; }
	.industry-info-banner .slick-next{ right: -35px;}
	.industry-info-banner{ height: auto;}
	.industry-info-banner .img img{ height: auto;}
	.workSlide .wa { margin: 0 8px; }
	.mywingtx { padding: 0 50px 58px 50px; }
	.wingIntro .txts { width: 70%; }
	.witi { font-size: 24px; }
	.serviceList .pa { padding: 25px 15px 0 15px; }
	.wing1 { padding: 60px 0 0 0; }
	.maList { margin-bottom: 15px; }
	.omForm .clearfix .s-input { width: 365px; }
	.omForm .s-textarea { width: 802px; }
	.cta-banner .pinner { width: 1000px; margin-left: -500px; }
	.ctabox .pa { padding: 60px 70px 70px 70px; }
	.ctabox .pa { padding: 60px 50px 70px 50px; }
	.store-list .txts .pa { padding: 30px 30px 0 30px; }
	.store-list .txts .s-ti { margin-bottom: 10px; font-size: 20px; }
	.store-list .txts .tools { margin-top: 20px; }
	.store-list .txts .freeTx { line-height: 24px; font-size: 12px;  }
	.brandsList li { width: 18.2%; }
	.spicbox2 .f-logo { left: 30px; top: 25px; }
	.campus-demo { width: ;}
	.campus-demo .slick-prev { left: -30px;}
	.campus-demo .slick-next{ right: -30px;}
	.serach-banner{ position: relative; width: 348px; padding: 10px 64px 10px 18px; height: 24px; line-height: 24px;}
	.serach-banner .btn { width: 74px; }
	.serach-banner .btn i{ margin: 9px auto;}
}
@media screen and (max-width:1024px){
	.inner{ width: 90%;}
	.vwrap .videobox { width: 700px; margin-left: -350px; }
	.transYT50{ transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; visibility: visible; transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
	.transXT50{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; visibility: visible; transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out;  }
	.action.transYT50 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.action.transYT50{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.header{ height: 54px;}
	.nav{ display: none;}
	.logo{ left: 3%;}
	.logo a{ height: 24px;}
	.serach-btn,.menuItem{ width: 54px; height: 54px;}
	.serach-btn i{ background-size: 18px auto;}
	.menu-handler{ width: 54px; height: 54px;}
	.menu-handler .burger{ top: 16px;}
	.menu-handler .burger-2 { top: 25px; }
	.menu-handler .burger-3 { top: 33px; }
	.menu-handler.active .burger-1 { top: 25px;}
	.menu-handler.active .burger-3 { top: 25px;}
	.topsearch-form{ height: 80px; margin-top: -40px;}
	.topsearch-box{ padding: 0px 80px 0px 10px;}
	.topsearchtx{ height: 80px; line-height: 80px; font-size: 36px;}
	.topsearchbtn{ width: 80px;}
	.search-Ibox .close{ background-size: 70% auto;}
	.siteMap-nav{ top: 54px; width: 510px; padding: 0px 58px 0px 40px; right: -610px; }
	.siteMap-head .en{ font-size: 34px;}
	.siteMap-sub{ padding-top: 5px;}
	.siteMap-sub dd{ margin-right: 22px; padding-top: 5px;}
	.siteMap-list a{ font-size: 15px;}
	.footBox{ padding: 28px 0px 32px;}
	.foot .item1,.foot .item2{ width: 100%; float: none;}
	.ermBox{ float: none; margin:30px 0px;}
	.link-select-box{ float: none; margin: 0;}
	.blackTop:hover{ bottom: 0;}
    .banner-yy{ height: 60%; background-image:-webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6)); background-image:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));}
	.banner .slick-dots{ right: 4%; bottom: auto; margin-bottom: 0; top: 20%;}
	.banner .slick-dots li{ padding: 10px 0px;}
	.banner .slick-dots li a{ background:no-repeat; position: relative;}
	.banner .slick-dots li a:before{ background-color: #fff; content: ""; position: absolute; width: 7px; height: 7px; left: 50%; top: 50%; margin: -3.5px 0px 0px -3.5px; border-radius: 50%;}
	.banner .slick-dots li a span{ background: no-repeat transparent; border-radius: 50%; border: 1px solid #fff; width: 12px; height: 12px; margin: 4px auto;}
 	.banner .slick-arrow{ display: none !important;}
 	.banner .item{ overflow: hidden;}
	.binbox .t{ font-size: 24px;}
	.binbox .en{ font-size: 15px;}
	.ibox dd{ float: none; width: 100%;}
	.videoIbox .vico{ background-size: cover; width: 40px; height: 40px;}
	.videoIbox .con{ margin-top: -68px;}
 	.aboutIbox .img{ display: none;}
 	.aboutIbox .con{ position: relative; left: auto; top: auto; width: 90%; padding: 40px 5% 55px;}
 	.aboutIbox .i{ height: auto; margin: 30px 0px 55px;}
 	.aboutIbox .moreBtn{ position: relative; right: auto; bottom: auto; margin-top: 40px;}
 	.industryIDemo .con{ width: 90%; left: 5%;}
 	.industryINav{ position: relative; left: auto; bottom: auto; background-color: rgba(0,0,0,0.5);}
 	.industryINav .ico{ width: 40px; height: 40px; margin-bottom: 8px;}
 	.industryINav .t{ font-size: 14px;}
 	.industryINav .en{ font-size: 12px; display: none;}
 	.industryINav .itemC{ height: 132px;}
 	.industryINav .addico{ display: none;}
 	.industryINav .slick-current .addico{ /*opacity: 1; visibility: visible; */}
 	.industryINav .moreBtn{ /*display: none;*/ margin-top: 5px; opacity: 1; visibility: visible; z-index: 10;}
 	.twoIbox .iboxInner{ width: auto;}
 	.twoIbox .bgf8{ display: none;}
 	.newIbox,.fashionIbox{ width: 90%; float: none; padding: 50px 5%; margin: 0; height: auto;}
 	.fashionIbox{ background-color: #F8F8F8;}
 	.newIbox-list li{ margin-bottom: 5px;}
	.partnerIbox{ padding: 40px 0px;}
	.partnerI-line{ margin: 12px 0px 25px;}
	.partnerIdemo .slick-list{ height: auto;}
	.partnerIdemo .slick-arrow{ top: -80px;}
	.partnerIdemo .slick-arrow i{ background-size: 80% auto;}
	.pinner{ width: 90%;}
	.pbanner{ height: auto !important;}
	.pbanner .load-yy{ height: 60%; background-image:-webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6)); background-image:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));}
	.pbanner-C{ left: 5%; }
	.pbanner-C .t{ font-size: 16px;}
	.pbanner-C .c{ font-size: 24px;}
	.pageNavBox{ height: 40px;}
	.pagenav{ position: relative;}
	.pagenav.fixed{ top: 52px;}
	.pageNavBox a:link, .pageNavBox a:visited { color: #d82e2e;}
	.cpnav{ display: block;}
	.cpnavbox{ position: absolute; left: 0px; top: 40px; height: auto; line-height: 1.4; width: 100%; z-index: 800; display: none; background-color: #666; background-color: rgba(255,255,255,0.9); padding-top: 0; border-bottom: 1px solid #f6e4bf;}
	.cpnavbox a:before{ display: none;}
	.cpnavbox a:last-child:after{ display: none;}
	.cpnavbox a{ width:40%; display: block; float: left; padding: 12px 5%; font-size: 13px; margin: 0px; color: #d82e2e; border-left: 0px none; border-bottom: 1px solid #f6e4bf; }
	.cpnavbox a:hover,.cpnavbox a.active{ background-color: rgba(255,255,255,0.8); color: #d82e2e;}
	.cpnavbox a.blackBtn{ display: none;}
	.jcpanv a:last-child{ border-bottom: 0px none;}
	.jcpanv{ border-bottom: 2px solid #f6e4bf;}
	.speech-Pbox .con{ right: 0; width: 56%;}
	.speech-Pbox .t{ font-size:30px;}
	.speech-Pbox .more{ position: relative; left: auto; bottom: auto; display: block; padding: 5px 0px 10px;}
	.surveyPCon{ padding: 100px 0 80px;}
	.survey-title .year{ font-size: 120px;}
	.survey-title .zh{ margin-top: -30px;}
	.survey-plist li{ padding: 20px 1%;}
	.survey-plist .num{ font-size: 40px;}
	.survey-plist .txt{ font-size: 12px;}
	.survey-plist{ width: 400px;}
	.pboxT .t{ font-size: 18px;}
	.pboxT .by{ font-size: 24px;}
	.memorabiliaPbox{ padding: 80px 5% 0px; background-color: rgba(0,0,0,0.3);}
	.memorabiliaDemo{ width: auto; padding: 40px 0 60px 10px; margin-top: 40px;}
	.memorabiliaDemo .yd{ background:none #c6a47b; border-radius: 50%; width: 10px; height: 10px; border:5px solid #fff;}
	.memorabiliaDemo .line{ width: 2px; left: 8px;}
	.memorabilia-list dd{ padding-bottom: 20px;}
	.memorabiliaDemo .mouseIco{ display: none;}
	.memorabiliaBox{ height: auto;}
	.structure-pbox .img img{ width: 140%; margin-left: -20%;}
	.structure-pbox .con{ left: 5%; width: 40%;}
	.honor-pbox-bg .title img{ width: 120px;}
	.honor-pbox-bg .t{ font-size: 24px;}
	.honor-pbox-bg .c{ margin-bottom: 40px;}
	.responsibility-pbox-bg { width: 90%; margin: 0px auto;}
	.responsibility-pbox{ background: none rgba(0,0,0,0.5);}
	.inner1000{ width: 90%;}
	.social-list dd{ padding-bottom: 15px;}
	.social-list .txt{ padding-top: 15px;}
	.pageC-zh{ font-size: 22px;}
	.pagePading2{ padding: 45px 0px;}
	.news{ padding:50px 0;}
	.newlist{ width:100%; left:0; margin-top:32px;}
	.newlist li{ width:48%; margin-right:4%; margin-bottom:40px;}
	.newlist li:nth-child(2n+2){ margin-right:0;}
	.newlist li a{ margin:0;}
	.writtens li{ padding:30px 48px 0 48px;}
	.writtens li:before{ display:none;}
	.writtenwr{ padding-bottom:25px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
	.writtenle{ margin-right:28px;}
	.writtenfix{ width:auto; flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1;}
	.tnew a{ padding: 0px 20px;}
	.newview{ width:90%;}
	.nview{ padding:48px 0;}
	.newtitle{ padding:32px 30px 15px;}
	.newtitle h3{ font-size:22px; margin-bottom:10px;}
	.newv{ margin:20px 5% 50px;}
	.previous{ margin:0 auto; width: 90%;}
	.videspan{ padding: 15px 12px;}
	.videspan span{ font-size: 15px;}
	.culturePage{ margin-top: 60px;}
	.cultureTab td{ display: block; width: 90%; padding: 25px 5% 35px;}
	.cultureTab .ico{ width: 50px;}
	.cultureTab .zh{ font-size: 15px; padding-top: 10px;}
	.cultureTab .t{ margin-bottom: 20px;}
	.yiyuetwo-list dd{ width: 48%; margin-right: 4%; }
	.yiyuetwo-list dd:nth-child(3n){ margin-right: 4%;}
	.yiyuetwo-list dd:nth-child(2n){ margin-right: 0;}
	.fashionlist li{ float: none; width: 100%;}
	.fashionlist li:nth-child(odd):before{ display: none;}
	.fashion-item,.fashionlist li:nth-child(odd) .fashion-item{ margin:0px;}
	.fashion-item{ background-color: #f9fafc;}
	.fashion-item .btn{ background-color: #d0b493;}
	.fashionlist li:first-child{ padding-top: 0;}
	.bmBox{ padding: 25px;}
	.bmBox .t{ font-size: 20px;}
	.bmBox .line{ margin: 15px 0px 25px;}
	.bmtxt{ padding: 10px 5%;}
	.open-box-close{ right: 22px;}
	.scbtnfile,.scbtn,.bmBtn{ height: 38px; line-height: 38px;}
	.yzmbox{ padding-right: 150px;}
	.yzmbox .yzmLink{ width: 140px; display: block; }
	.yzmbox .yzmLink img{ width: 100%;}
	.pbot{ transform: scale(0.8); -webkit-transform: scale(0.8);}
	.industrys,.industry-list li figure,.industry-list li figure img{ height: auto;}
	.industry-list li{ width: 50%;}
	.industry-list li figure img{ width: 100%; display: block;}
	.industry-Page .en{ font-size: 14px; margin-bottom: 40px;}
	.industry-item{ width: 90%; left: 5%; height: auto; margin:0; padding: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
	.industry-item .by,.industry-item .moreBtn{ display: none;}
	.industry-item .en{ margin-bottom: 10px;}
	.industry-item .addico{ margin-bottom: 0;}
	.industry-item .ico{ width: 50px; height: 50px;}
	.industry-item .ico,.industry-list li:hover .industry-item .ico { margin-top: 0;}
	.industry-list-one li{ float: left; width: 48%; margin:0px 0px 5% 4%;}
	.industry-list-one li .img{ width: 100%;}
	.industry-list-one .twoItem .img{ margin-left: 0;}
	.industry-list-one .bor{ display: none;}
	.industry-list-one .con{ position: relative; left: auto; right: auto; top: auto; height: auto; width: 86%; margin: 0px auto; padding: 25px 0px 35px;}
	.industry-list-one .oneItem .con,.industry-list-one .twoItem .con{ left: 0;}
	.industry-list-one li:nth-child(odd){ margin-left: 0;}
	.industry-one-img dd{ margin: 15px 2%;}
	.industry-one-img .ico{ background-size: 8px auto;}
	.industry-list-two dd{ width: 29.33%; margin: 0px 2% 20px;}
	.industry-list-two .item{ padding-bottom: 145px;}
	.industry-list-two .ico{ width: 40px; height: 40px;}
	.industry-list-two .con{ height: 170px;}
	.add-list dd{ width: 48%; margin-right: 4%; }
	.add-list dd:nth-child(3n){ margin-right: 4%;}
	.add-list dd:nth-child(2n){ margin-right: 0;}
	.ilink-ico2.act .black-30{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; display: block;}
	.ilink-ico2 .wx-box,.industry-link2 .ilink-ico2 .wx-box{ position: fixed; z-index: 1000; left: 50%; top: 50%; right: auto; margin: -75px 0px 0px -75px; transform-origin: 50% 50%;}
	.ilink-ico2 .wx-box:before,.ilink-ico2 .wx-box:after{ display: none;}
	.industry-previous{ width: auto;}
	.industry-link-img li{ width: 19%;}
	.industry-info-banner .slick-arrow{ width: 50px; height: 50px; background-size: cover; margin-top: -25px;}
	.industry-info-banner .slick-arrow i{ background-size: 10px auto;}
	.industry-info-banner .slick-prev{ left: -25px; }
	.industry-info-banner .slick-next{ right: -25px;}
	.f30{ font-size: 22px;}
	.industry-info-page{ margin-bottom: 60px;}
	.ipageT{ font-size: 20px;}
	.serviceList li { height: 255px; }
	.ombox { padding: 56px 50px 78px 50px; }
	.omForm .s-input, .omForm .s-textarea { box-sizing: border-box; }
	.omForm .clearfix .s-input { width: 49%; margin-right: 2%; }
	.omForm .s-textarea { width: 100%; }
	.omForm .ma { max-width: 49%; box-sizing: border-box; height: 56px; }
	.cta-banner .pinner { width: 90%; margin-left: 0; left: 5%; }
	.ctaList .namebox { width: 42%; }
	.ctaList .ctas { width: 58%; }
	.ctaList .mabox { margin-left: 42%; }
	.store-list .txts .freeTx { line-height: 20px; max-height: 120px; }
	.store-list .txts .s-ti { margin-bottom: 17px; }
	.store-list .txts .tools { margin-top: 27px; }
	.hotel-list { margin-top: 40px; }
	.hrList .hspan:nth-child(2), .hrList .hspan:nth-child(3){ display: none;}
	.hrList .hspan{ width: 19%;}
	.pswp__caption__center{ font-size: 14px;}
	.recruitment-info{ padding: 30px 40px;}
	.recruitment-select{ float: none; width: auto;}
	.recruitment-serach{ float: none; width: 250px;}
	.join-form{ width: 80%; padding: 35px 6% 50px; }
	.jfitem{ padding: 12px 15px 12px 58px;}
	.jfitem .name{ top: 11px;}
	.jfitem-2{ padding-left: 80px;}
	.jfitem-bg{ padding: 12px 15px;}
	.add-jform-btn{ background-size: 20px auto;}
	.campus-demo .item{ margin: 0px;}
	.campus-demo{ width: 90%;}
	.campusPage{ margin-top: 50px;}
	.campusPage .t{ font-size: 24px;}
	.campusBtn{ padding: 15px 0px;}
	.campusBtn .txt{ background-size: 20px auto;}
	.serach-banner-box .t{ font-size: 24px;}
	.serach-banner .btn i{ width: 20px; height: 20px; margin: 12px auto; }
}
@media screen and (max-width:860px){
	.vwrap .videobox { width: 560px; margin-left: -298px; }
	.binbox .con{ height: auto; padding-bottom: 25px;}
    .mouseIco{ bottom: 3%;}
	.pbanner-C .c{ font-size: 20px;}
 	.survey-plist{ position: relative; right: auto; bottom: auto;}
 	.survey-title .year{ font-size: 100px;}
	.structure-pbox .img img{ width: 160%; margin-left: -30%;}
	.honor-pbox-bg{ width: 90%;}
	.w795{ width: 80%;}
	.industry-one-l{ width: 90%; overflow: hidden;}
	.industry-one-l li{ width: 25%; box-sizing: border-box;}
	.industry-one-l .num{ font-size: 40px;}
	.industry-list-one .con .c{height: 50px;}
	.industryList-tbox .img{ width: 22%;}
	.industryList-tbox .con{ width: 70%;}
	.industryList-tbox .img p{ width: auto;}
	.industryList-tdemo{ padding: 0 32px;}
	.industryList-tdemo .slick-prev { left: 0px;}
	.industryList-tdemo .slick-next{ right: 0px;}
	.industry-link-img li{ width: 24%;}
	.ipnav li { width: 68px; height: 68px; margin: 0 20px; }
	.ipnav li { font-size: 14px; }
	.ipnav p { padding-top: 22px; }
	.hr1 { padding: 75px 0 70px 0; }
	.ipnav { margin-top: 50px; }
	.workSlide { padding: 0 32px; }
	.workSlide .slick-prev { left: 0; }
	.workSlide .slick-next { right: 0; }
	.hr2 .fixbg { padding-bottom: 84px; }
	.orIndro .setEmail { position: relative; bottom: 0; margin-top: 15px; }
	.hrPaging { padding: 80px 0 75px 0; }
	.yyPageNav a { padding: 4px 20px;}
	.mywingtx { padding: 0 35px 58px 35px; }
	.serviceList li { width: 100%; float: none; height: auto; }
	.serviceList .pa { padding: 25px 15px; }
	.wingIntro .pic { width: 162px; float: none; max-width: 100%; }
	.wingIntro .txts { float: none; width: 100%; margin-top: 25px; }
	.wing1 { padding: 40px 0 0 0; }
	.maList .scapic { width: 48%; }
	.maList { margin-bottom: 20px; margin-top: 53px; }
	.ombox { padding: 36px 35px 48px 35px; }
	.store-list .spicbox, .store-list .txts { width: 100%; float: none !important; }
	.store-list .txts .pa { padding: 40px 30px; }
	.store-list .txts .freeTx { line-height: 2; font-size: 14px; max-height: none; }
	.brands-box { padding: 56px 35px 65px 35px; }
	.b-ti { padding: 57px 35px 46px 35px; }
	.b-ti2 { padding: 0; padding-bottom: 20px; }
	.brandsList li { width: 23.2%; }
	.b-ti .b, .b-ti .tools { float: none; overflow: hidden; }
	.b-ti .tools { margin-top: 27px; }
	.b-ti .tools a { margin-right: 12px; margin-left: 0; }
	.b-ti .b-logo { width: 207px; }
	.b-ti .ti { line-height: 42px; margin-left: 25px; }
	.hotel-list dd { width: 49.2%; }
	.b-ti2 .tools { float: right; margin-top: 0; }
	.b-ti2 .tools a { margin-left: 12px; margin-right: 0; }
	.hrList .hspan:nth-child(4){ display: none;}
	.hrList .hspan{ width: 22%;}
	.hrList .hspan1{ width: 29%;}
	.recruitment-list dd{ width: 48%; margin-right: 4%; }
	.recruitment-list dd:nth-child(3n){ margin-right: 4%;}
	.recruitment-list dd:nth-child(2n){ margin-right: 0;}
	.recruitment-select select.mar-sel:last-child{ margin-right: 0;}
	select.mar-sel{ box-sizing: border-box; width: 49%; margin-bottom: 20px;}
	.csstransitions select.mar-sel{ background-size: 10px auto;}
	.recruitment-serach{ width: auto;}
	.recruitment-serach .txt{ box-sizing: border-box; width: 100%; height: 100%; padding: 10px 8px;}
	.join-box-btn .btn{ padding: 8px 18px; margin-right: 18px; margin-bottom: 10px;}
	.join-box-btn .btn .txt{ background-size: 16px auto; padding-left: 24px;}
	.join-form .t{ font-size: 24px; padding-left: 50px; background-size: 34px auto; padding-bottom: 20px;}
	.join-form{ font-size: 13px;}
	.jfitem input,.jfitem  textarea,.jfitem  select,.jfitem  option{ font-size: 13px;}
}
@media screen and (max-width:641px){
	.vwrap .videobox { width: 400px; margin-left: -218px; height: 350px; margin-top: -175px; }
	.topsearch-form{ height: 40px; top: auto; left: auto; margin:25% auto 0; position: relative;}
	.topsearch-box{ padding: 0px 40px 0px 0px;}
	.topsearchtx{ height: 40px; line-height: 40px; font-size: 20px;}
	.topsearchbtn{ width: 40px; background-size: 18px auto;}
	.search-Ibox .close{ width: 40px; height: 40px; background-size: 40% auto; position: relative; display: block; top: auto; right: auto; margin: 5% 3% 0 0; float: right; display: block;}
 	.siteMap-overlay{ z-index: 998;}
 	.siteMap-nav{ width: 100%; box-sizing: border-box; padding: 0; border-top: 1px solid #d4c3b8; right: -110%;}  
 	.menuOpen .siteMap-nav{ right: 0;} 
 	.siteMap-head,.siteMap-foot{ display: none;}
 	.siteMap-body{ padding-bottom: 150px;}
 	.siteMap-list li{ margin-bottom: 0; border-bottom: 1px solid #dedede;}
 	.siteMap-list a.sm-item{ display: block; padding: 10px 5%; position: relative;}
 	.siteMap-sub{ padding: 0; background-color: #f0f0f0; display: none;}
 	.siteMap-sub dd{ display: block; float: none; margin: 0; border-top: 1px solid #dedede;}
 	.siteMap-sub dd>a{ padding: 10px 5%; display: block;}
 	.siteMap-sub dd a{ font-size: 14px;}
 	.siteMap-sub-nav{ display: block; padding: 0px 5% 10px;}
 	.siteMap-sub-nav a{ display: inline-block; margin: 0px 10px;}
 	.mobile-menu .sm-item.cur{ background-color: #d82e2e; color: #fff;}
 	.mobile-menu .sm-item:before{content: ""; width: 17px; height: 17px; background: url("../images/subnav_i2.png")/*tpa=http://www.yongyigroup.cn/images/subnav_i2.png*/ no-repeat scroll center center; background-size: 13px 13px; position: absolute; right: 5%; top: 50%; margin-top: -8px; transition: 400ms; -webkit-transition: 400ms;}
 	.mobile-menu .cur:before{  transform: rotate(360deg);-webkit-transform: rotate(360deg); }
 	.ermBox{ width: 100px;}
 	.ermBox .txt{ height: auto; padding: 5px; line-height: 1.5;}
 	.foot-link-nav{ float: none; display: block; padding-bottom: 10px;}
 	.footLink a.oaLink,.footLink a.emailLink{ display: block; margin: 0px 20px 0px 0; padding: 0px; width: 100px; text-align: center;}
 	.smlink{ margin-left: 0; display: block;}
 	.link-select-box .mt .aw{ background-size: 10px auto;}
 	.blackTop{ background-size: 20px auto;}
    .mouseIco{ display: none;}
    .banner .item .pimg{ width: 120%; margin-left: -10%;}
 	.banner .slick-dots li{ padding: 4px 0;}
 	.binbox{ padding-left: 20px; left: 5%; width: 80%; bottom: 10%;}
 	.binbox .t{ font-size: 16px; margin-bottom: 5px;}
 	.binbox .en{ font-size: 12px;}
 	.binbox .con{ height: auto; padding-bottom: 10px;}
 	.iboxT .zh,.iboxT .en{ font-size: 20px;}
 	.videoIbox .iboxT{ padding: 10px 0px;}
 	.videoIbox .con{ margin-top: -63px;}
 	.aboutIbox .con{ padding: 30px 5% 40px;}
 	.aboutIbox .i{ margin: 20px 0px 45px;}
 	.aboutIbox .moreBtn{ margin-top: 30px;}
 	.numList .num{ font-size: 42px;}
 	.industryIDemo .by{ font-size: 16px; margin-top: 0;}
 	.industryIDemo .txt{ margin-top: 10px; line-height: 1.5; font-size: 12px; height: 72px;}
 	.industryINav .itemC{ height: 112px; padding: 15px 10px 0;}
 	.industryINav .ico{ width: 30px; height: 30px;}
 	.industryIDemo .img{ width: 130%;}
 	.twoIbox .iboxT .moreBtn{ margin-top: 0;}
 	.newIbox,.fashionIbox{ padding: 35px 5%;}
 	.newIbox-first{ margin: 30px 0 25px;}
	.fashionIbox-item .img{ float: left;}
	.fashionIbox-item .btn{ display: none;}
	.fashionIbox-list1 .fashionIbox-item { padding:0px 10px 0px 130px; height: 80px;}
	.fashionIbox-list1 .fashionIbox-item .img{ width: 110px; height: 80px;}
	.fashionIbox-list1 .fashionIbox-item .t{ margin-top: 16px;}
	.partnerIdemo .slick-arrow{ top: -70px; width: 30px; height: 30px;}
	.pbanner-C .t{ font-size: 14px; margin-bottom: 0px;}
	.pbanner-C .c{ font-size: 18px;}
	.pbanner .load-img{ width: 138%; margin-left: -19%;}
	.speech-Pbox .img{ width: 70%; margin-left: -10%;}
	.speech-Pbox .t{ font-size:24px; margin-bottom: 8px;}
	.speech-Pbox .c{ font-size: 12px; line-height: 1.5;}
	.speech-Pbox .qm{ margin-top: 15px;}
	.speech-Pbox .qm img{ width: 100px;}
	.surveyPbox .pinner{ width: 100%;}
	.surveyPCon{ padding: 60px 5% 80px;}
	.survey-title .year{ font-size: 80px;}
	.survey-title .zh{ font-size: 20px; margin-top: -20px;}
	.survey-c{ width: auto; height: auto; }
	.survey-plist{ width: 100%;}
	.survey-plist li{ padding: 20px 1% 8px; height: 82px;}
	.pboxT .t{ font-size: 16px;}
	.pboxT .by{ font-size: 20px;}
	.memorabiliaPbox{ padding-top: 60px;}
	.memorabilia-list{ font-size: 13px;}
	.memorabilia-list .year{ padding-left: 22px; width: 70px;}
	.memorabilia-list dd{ padding-left: 95px;}
	.structure-pbox .img{ width: 100%; float: none;}
	.structure-pbox .img img{ width: 100%; margin-left: 0%;}
	.structure-pbox .con{ width: 90%; background-color: #fff; left: 0; padding: 50px 5%; height: auto; position: relative;}
	.structure-pbox .txt{ height: auto;}
	.honor-pbox-bg{ padding: 60px 0px;}
	.honor-pbox-bg .title img{ width: 100px;}
	.honor-pbox-bg .t{ font-size: 20px;}
	.honor-pbox-bg .c{ margin-bottom: 30px;}
	.responsibility-pbox .txt{ font-size: 13px;}
	.pagePading{ padding: 45px 0px;}
	.otherNav{ padding-top: 40px;}
	.structure-list .t{ font-size: 18px;}
	.structure-list dd{ padding: 30px 0px 20px;}
	.structure-img{ padding: 32px 0px 40px;}
	.openOdd{ margin-top: 40px;}
	.pageC-zh{ font-size: 20px; margin-bottom: 25px;}
	.pagePading2{ padding: 30px 0px 40px;}
	.newlist li{ width:100%; margin-right:0;}
	.nline{ position:relative; margin-top:20px;}
	.newtext{ height:auto;}
	.news{ padding:34px 0;}
	.newtext h3{ font-size:16px;}
	.newtext p{ font-size:12px; height:auto;}
	.tnew a{ height:34px; line-height:34px; font-size:12px; padding: 0px 12px;}
	.newlist li figure img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
	.writtens li{ padding:32px 30px 0;}
	.writtenwr{ padding-bottom:20px;}
	.writtenfix h3{ font-size:16px; margin-bottom:12px;}
	.writtenfix p{ font-size:12px;}
	.writtenle time{ margin-bottom:10px;}
	.shared .txt,.shared .sharelist1 { display:none;}
	.more-fen-btn{ float: none; text-align: center; padding: 6px 0px;}
	.backlist{ width: 100px; margin-left: -50px;}
	.nview{ padding: 0px;}
	.newview{ padding-bottom:34px; width: auto;}
	.videoli li{ width:100%; margin-bottom:30px;}
	.videoli{ margin-bottom:0;}
	.videspan{ padding:12px 10px;}
	.videspan span{ font-size:14px;}
	.culturePage{ margin-top: 40px;}
	.listPage{ padding: 0; background-color: transparent;}
	.submissionImg{ float: none; margin: 0 0px 20px; width: auto;}
	.submissionImg img{ width: auto;}
	.submissionCon{ float: none; width: auto;}
	.bmBox{ padding: 20px;}
	.bmBox .t{ font-size: 18px; background-size: 20px auto; padding-left: 30px;}
	.bmtxt{ padding: 8px 5%; font-size: 12px;}
	.scbtnfile,.scbtn{ width: 65%;}
	.industry-Page{ padding: 60px 0px 40px;}
	.industry-Page .t{ font-size: 18px;}
	.industry-Page .by{ font-size: 20px; margin-bottom: 20px;}
	.industry-Page .txt{ margin-bottom: 20px;}
	.industry-Page .en{ font-size: 12px; margin-bottom: 20px;}
	.pbot{ transform: scale(0.7); -webkit-transform: scale(0.7); }
	.w795{ width: 90%;}
	.industry-item .ico{ width: 40px; height: 40px;}
	.industry-list li{ width: 50%;}
	.industry-one-l{ border: 0px none;}
	.industry-one-l .num{ font-size: 36px;}
	.industry-one-l li{ width: 50%; border:0px none; border-bottom: 1px solid #e8e8e8;}
	.industry-list-one li{ width: 100%; margin-left: 0; float: none;}
	.industryList-tbox .img{ float: none; width: 100%; }
	.industryList-tbox .con{ float: none; width: 100%; border-left: 0px none; border-top: 1px solid #cccdce; padding: 25px 0px 0px; margin-top: 20px;}
	.industryList-tbox .t{ font-size: 18px;}
	.industryList-tdemo{ padding: 0px;}
	.industryList-tdemo .slick-prev { background-image: url("../images/rr_w_prev.png")/*tpa=http://www.yongyigroup.cn/images/rr_w_prev.png*/; left: 3%; transform-origin: left center; -webkit-transform-origin: left center; transform: scale(0.7); -webkit-transform: scale(0.7);}
	.industryList-tdemo .slick-next { background-image: url("../images/rr_w_next.png")/*tpa=http://www.yongyigroup.cn/images/rr_w_next.png*/; right: 3%;transform-origin: right center; -webkit-transform-origin: right center; transform: scale(0.7); -webkit-transform: scale(0.7);}
	.industryList-ibox{ margin-top: 40px;}
	.industry-list-two dd{ width: 31.33%; margin: 0px 1% 20px;}
	.industry-list-two .item{ padding-bottom: 135px;}
	.industry-list-two .con{ padding-top: 20px;}
	.industry-list-two .ico{ width: 30px; height: 30px;}
	.ilink-ico1, .ilink-ico2{ width: 40px; height: 40px;}
	.industry-link .moreBtn{ margin-top: 12px;}
	.industry-link-img li{ width: 32.33%;}
	/*.industry-info-banner-box{ padding: 25px 0px;}
	.industry-info-banner{ width: auto; margin: 0px 25px;}*/
	.industry-info-banner-box{ padding: 0px; background: none !important;}
	.industry-info-banner{ width: 100%; overflow: hidden;}
	.industry-info-banner .slick-prev{ left: 3%;}
	.industry-info-banner .slick-next{ right: 3%;}
	.industry-info-t{ padding-bottom: 10px;}
	.industry-info-t .zh{ display: block;}
	.industry-link2{ float: none; margin-top: 10px;}
	.f30{ font-size: 20px;}
	.industry-info-page{ margin-bottom: 40px;}
	.isaleItem-list .con{ padding: 20px 5%;}
	.isaleItem-list .con .t{ font-size: 18px;}
	.isaleItem-list .con .c{ font-size: 12px;}
	.isaleItem-list .moreBtn{ position: relative; right: auto; top: auto; display: block; margin-top: 15px;}
	.ipnav li span { display: none; }
	.ipnav li:before { transform: rotate(0deg); -webkit-transform: rotate(0deg); }
	.ipnav li { margin: 0; width: 20%; }
	.ipnav { width: 90%; margin: 0 auto; padding: 0; margin-top: 35px; }
	.hrti .ch { font-size: 24px; }
	.hrti .en { font-size: 14px; margin-top: 3px; }
	.hr1 { padding: 65px 0 60px 0; }
	.workSlide { margin: 44px auto 42px auto; }
	.hr2 .fixbg { padding: 62px 0 64px 0; }
	.orTable table td:nth-child(2), .orTable table th:nth-child(2) { padding-left: 28px; padding-right: 28px; }
	.orTable table a { margin-right: 35px; }
	.orTable table .r1 { width: 40%; }
	.orTable table .r2 { width: 60%; }
	.hrPaging { padding: 70px 0 65px 0; }
	.yyPageNav{ padding: 8px;}
	.yyPageNav a{ line-height: 1.8; margin:4px; padding: 4px 15px;}
	.serviceList { margin-top: 35px; }
	.ccList .picbox { position: relative; width: auto; }
	.ccList .freeTx { margin-left: 0; border: none; }
	.ccList .picbox img { max-width: none; max-height: none; position: relative; width: 100%; }
	.ccList .picbox { padding: 30px; }
	.wing2, .wing3 { padding: 40px 0 0 0; }
	.maList .scapic { width: 100%; margin-left: 0; margin-bottom: 20px; }
	.maList { margin-left: 0; }
	.maList .tx { height: auto; }
	.ctaList .namebox, .ctaList .ctas,.ctaList .mabox { float: none; width: 100%; }
	.ctaList .ti, .ctaList .ctas .citme { padding-right: 0px;}
	.ctaList .ti{ font-size: 18px;}
	.ctaList .ctas .citme{ margin-bottom: 5px;}
	.ctaList .namebox { margin-bottom: 20px; }
	.ctaList .mabox { margin:20px 0px 0; border: 1px solid #E1E1E1; width: 98px;}
	.ctaList li { padding: 40px 0 36px 0; }
	.ctabox .pa { padding: 50px 35px 60px 35px; }
	.ctabox { margin-top: -26%; }
	.brandsList li { width: 31.533%; }
	.b-ti .b-logo { width: 167px; }
	.b-ti .ti { line-height: 35px; margin-left: 15px; font-size: 20px; }
	.f-logo { transform-origin: left top; -webkit-transform-origin: left top; transform: scale(0.7); -webkit-transform: scale(0.7); }
	.hrList .hspan:nth-child(4),.hrList .hspan:nth-child(5),.hrList .hspan:nth-child(6){ display: none;}
	.hrList .hspan{ width: 73%; height: 40px; line-height: 40px;}
	.hrList .hspan:nth-child(1){ text-align: left;}
	.hrList .hspan:nth-child(7){ width: 22%;}
	.hrList .hrdt,.hrList .hrT .hspan{ height: 40px; line-height: 40px;}
	.pswp__caption__center{ font-size: 12px;}
	.recruitment-info{ padding: 25px 5%;}
	.join-page-bg{ background: none #E8E7E7;}
	.jformlist dd{ float: none; width: 100%;}
	.join-form .t{ font-size: 18px; background-size: 24px auto; padding-left: 34px;}
	.jf-yzm-box .yzmtxt{ padding: 12px 15px; height: 43px; box-sizing: border-box; width: 100%;}
	.jf-yzm-box{ padding-right: 152px;}
	.jf-yzm-box .yzmlink{ width: 144px;}
	.jformBtn{ padding: 12px 0px;}
	.campusTab{ overflow-x: auto; -webkit-overflow-scrolling: touch; }
	.campus-demo .slick-prev { background-image: url("../images/rr_w_prev.png")/*tpa=http://www.yongyigroup.cn/images/rr_w_prev.png*/; left: 3%; transform-origin: left center; -webkit-transform-origin: left center; transform: scale(0.7); -webkit-transform: scale(0.7);}
	.campus-demo .slick-next { background-image: url("../images/rr_w_next.png")/*tpa=http://www.yongyigroup.cn/images/rr_w_next.png*/; right: 3%;transform-origin: right center; -webkit-transform-origin: right center; transform: scale(0.7); -webkit-transform: scale(0.7);}
	.campusPage .t{ font-size: 20px;}
	.campusBtn{ margin-top: 50px;}
	.campusImg{ margin-top: 35px;}
	.campusPage{ margin-top: 40px;}
	.pbanner2{ padding: 30px 0px 40px;}
	.serach-banner-box .t{ font-size: 20px;}
	.serach-banner{ width: auto; padding: 8px 64px 8px 18px; height: 24px; line-height: 24px;}
	.serach-banner .btn { width: 54px; }
	.serach-banner .btn i{ margin: 12px auto; width: 18px; height: 18px;}
}
@media screen and (max-width:481px) {
	.vwrap .videobox { width: 300px; margin-left: -150px; height: 240px; margin-top: -120px; }
    .newIbox-first .img{ float: none; width: 100%; height: auto; margin-bottom: 20px;}
	.speech-Pbox .t{ font-size:20px;}
	.survey-title .year{ font-size: 60px;}
	.honor-pbox-bg .t{ font-size: 18px;}
	.honor-pbox-bg .c{ font-size: 13px;}
	.social-list dd{ width: 100%; float: none; margin:0px 0px 30px; padding-bottom: 0;}
	.social-list .txt{ padding: 18px 5%; height: auto;}
	.writtenwr{ display:block;}
	.writtens{ margin-top:22px; padding-top:0; padding-bottom:0;}
	.writtenle{ margin-right:0; width:100%; margin-bottom:14px;}
	.writtens li{ padding:24px 22px 0;}
	.newtitle h3{ font-size:20px;}
	.newtitle{ padding:22px 20px 12px;}
	.newv{ margin:20px 5% 30px;}
	.backlist{ height: 36px; line-height: 36px;}
	.previous .previ{ width:90px; height:34px; line-height:34px;}
	.videoli{ margin-top:20px;}
	.videotext { padding:12px 22px; height:auto;}
	.yiyuetwo-list dd{ width: 100%; float: none; margin-right: 0%; padding-bottom: 0;}
	.yiyuetwo-list dd:nth-child(3n){ margin-right: 0%;}
	.yiyuetwo-list .txt{ height: auto; line-height: 1.4; padding: 15px 5%;}
	.service-ul .txt{ height: 54px; line-height: 54px; padding: 0px 5%;}
	.fashion-item .time{ font-size: 12px;}
	.fashionlist1 .fashion-item{ padding: 0 10px 0 120px; height: 78px;}
	.fashionlist1 .fashion-item .img{ width: 100px; height: 78px;}
	.fashionlist1 .fashion-item .t{ margin-top: 0;}
	.industry-Page .t{ font-size: 16px;}
	.industry-Page .by{ font-size: 16px;}
	.industryListPage2 .ipnav p { padding-top: 24px; }
	.industryListPage2 .ipnav li:last-child p{ padding-top: 18px;}
	.industry-list-two .zh{ font-size: 14px;}
	.add-list dd{ width: 100%; float: none; margin-right: 0%;}
	.add-list dd:nth-child(3n){ margin-right: 0%;}
	.ipageT{ font-size: 18px;}
	.workSlide { padding: 0 22px; }
	.workSlide .wa { margin: 0; }
	.workSlide .slick-prev { transform-origin: left center; -webkit-transform-origin: left center; transform: scale(0.7); -webkit-transform: scale(0.7); }
	.workSlide .slick-next { transform-origin: right center; -webkit-transform-origin: right center; transform: scale(0.7); -webkit-transform: scale(0.7); }
	.workSlide { margin: 34px auto 32px auto; }
	.hrti .ch { font-size: 20px; }
	.hr2 .fixbg { padding: 52px 0 54px 0; }
	.ipnav p { width: 28px; line-height: 1.1; margin: 0 auto; padding-top: 18px; }
	.iptx { margin-top: 30px; }
	.hr1 { padding: 50px 0; }
	.orIndro .t { font-size: 14px; }
	.setEmail { width: 100%; }
	.orIndro { margin-top: 26px; }
	.orTable table th { padding: 10px 15px; }
	.orTable table td { padding: 16px 15px; }
	.orTable table td:nth-child(2), .orTable table th:nth-child(2) { padding-left: 15px; padding-right: 15px; }
	.orTable table a { margin-right: 20px; }
	.hrPaging { padding: 50px 0 45px 0; }
	.mywingtx { padding: 0 15px 48px 15px; }
	.witi { font-size: 20px; }
	.wingIntro .txts .freeTx { margin-top: 15px; }
	.serviceList { margin-top: 25px; }
	.wingIntro .pic { width: 122px; }
	.wing1 { padding: 20px 0 0 0; }
	.ccList .picbox { padding: 15px; }
	.ccList .freeTx { padding: 27px 15px 30px 15px; }
	.msImg { margin-top: 12px; }
	.wing2, .wing3 { padding: 30px 0 0 0; }
	.handleCard { width: 100%; margin-top: 30px;}
	.handleCard:hover{ background-color: #977751;}
	.handleCard span{ padding-left: 34px; background-size: 22px auto;}
	.msTelBox { margin-top: 36px; }
	.msTelBox .tel a { display: block; }
	.msTelBox .tel span { display: none; }
	.msTelBox .tel em { display: block; font-size: 16px; }
	.msTelBox .tel { font-size: 14px; }
	.wingBox { padding: 43px 0; }
	.maIntro { margin-top: 30px; }
	.maList { margin-top: 33px; }
	.ombox { padding: 26px 15px 38px 15px; }
	.ombox .ti { margin-bottom: 12px; }
	.omForm .s-input, .omForm .s-textarea{ padding: 10px 15px;}
	.omForm .clearfix .s-input { width: 100%; margin-right: 0; margin-bottom: 15px;}
	.omForm .clearfix .s-input:last-child { margin-bottom: 0; }
	.omForm .v .s-input { width: 70%; margin-bottom: 0; }
	.omForm .ma { max-width: 28%; margin-left: 2%; height: 46px;}
	.omForm .ma img{ vertical-align: middle;}
	.ctabox .pa { padding: 30px 20px 40px 20px; }
	.ctaList li { padding: 30px 0 30px 0; }
	.ctaList .ti{ font-size: 16px;}
	.ctaList .ctas .citme { padding-left: 30px; }
	.ctaList .ctas .citme:before { transform-origin: left center; -webkit-transform-origin: left center; transform: scale(0.8); -webkit-transform: scale(0.8); }
	.ctaArea { padding-bottom: 55px; }
	.store-ctt { margin-top: 30px; }
	.store-list .txts .pa { padding: 30px 15px; }
	.brands-box .s-ti { margin-bottom: 10px; font-size: 20px; }
	.brandsList li { width: 48.2%; }
	.brandsList { margin-top: 20px; }
	.brands-box { padding: 35px 15px; }
	.b-ti { padding: 47px 15px 36px 15px; }
	.b-ti2 { padding: 0; padding-bottom: 20px; }
	.b-ti .b-logo { width: 237px; float: none; }
	/*.b-ti .b-logo { width: 201px; }*/
	.b-ti .ti { float: none; margin-left: 0; margin-top: 10px; }
	.spicbox .shadow { height: 40px; }
	.spicbox2 .actnum { right: 15px; }
	.spicbox2 .nowti { left: 50px; right: 50px; font-size: 14px; }
	.hotel-list dd { width: 100%; float: none; margin: 0; margin-bottom: 15px; }
	.hotel-list { margin-left: 0; margin-top: 25px; }
	.f-logo { transform: scale(0.4); -webkit-transform: scale(0.4); left: 15px; top: 15px; }
	.b-ti2 .tools { float: none; margin-top: 27px; }
	.b-ti2 .tools a { margin-left: 0; margin-right: 12px; }
	.f-tx { margin-top: 30px; }
	.wingshowBox{ padding: 60px 5% 50px; width: 80%;}
}	
@media screen and (max-width:421px) {
 	.banner-yy{ background-position: left 20%;}
	.speech-Pbox .t{ font-size:18px;}
	.pbanner-C .c{ font-size: 16px;}
	.industry-one-img dd{ float: left; width: 100%; margin:15px 0px;}
	.recruitment-list dd{ width: 100%; float: none; margin-right: 0%; padding-bottom: 0;}
	.recruitment-list dd:nth-child(3n){ margin-right: 0%;}
	.recruitment-list .txt{ height: auto; white-space: inherit; line-height: 1.4; padding: 20px 5%;}
	.join-box-btn .btn{ float: none; margin-right: 0; width: 100%; text-align: center; padding: 8px 0px;}
}
@media screen and (max-width: 375px) {
	.vwrap .close{ right: 0; top: -40px;}
 	.iboxT .zh, .iboxT .en{ font-size: 18px;}
 	.industryListPage2 .pageC-zh{ font-size: 18px;}
}
@media screen and (max-width: 360px) {
 	/*.binbox .t{ font-size: 18px;}
 	.binbox .con{ height: 100px;}*/
 	.iboxT .en{ display: none;}
	.industry-list-two dd{ width: 46%; margin: 0px 2% 20px;}
	.industry-list-two .item{ padding-bottom: 120px;}
	.industry-list-two .con{ height: 155px;}
	.previous .prev i{ margin-right: 5px;}
	.previous .next i{ margin-left: 5px;}
	.previous .previ{ width: 75px; font-size: 12px;}
	.backlist{ width: 90px; margin-left: -45px; font-size: 12px;}
	select.mar-sel{ float: none; width: 100%; margin-right: 0;}
}